前提・実現したいこと
お知らせページを作っているのですが、直近7日間にリリースした記事には
リリース日付の前部分に、新着を示す /img/new.pngを表示させ
時期が過ぎたら自動的に表示されなくなるようにしたいです。
過去の書き込みを参考にここまで書いてみたのですが
日付を変えてもnew.pngが表示されずお手上げ状態です。
※new.pngは/imgフォルダに保存済みです。
※jquery-3.5.1.min.jsも/jsフォルダに保存済みです。
どこが足らないのか、どうすればよいのか、お分かりになる方がいらっしゃれば
教えていただけませんでしょうか。
よろしくお願いいたします。
該当のソースコード
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>お知らせ</title> </head> <body> <table> <tr> <td>2020-12-20</td><td>おしらせ記事1</td> <!--直近7日間の記事には日付の前に/img/new.pngを表示したい--> </tr> <tr> <td>2020-12-15</td><td>おしらせ記事2</td> <!--リリース後5日目なので日付の前に/img/new.pngを表示--> </tr> <tr> <td>2020-12-14</td><td>おしらせ記事3</td> <!--リリース後7日目なので日付の前に/img/new.pngを表示--> </tr> <tr> <td>2020-12-13</td><td>おしらせ記事4</td> <!--リリース後8日目なので/img/new.pngの表示はしない--> </tr> <tr> <td>2020-12-01</td><td>おしらせ記事5</td> <!--リリース後8日以上経っているので/img/new.pngの表示はしない--> </tr> <script type="text/javascript" src="/js/jquery-3.5.1.min.js"></script> <script type="text/javascript"> $(function () { $('.ttlDate').each(function (i, obj) { var date = $(this).attr('data-date');</html>// 更新日 var d = new Date(); d.setFullYear(date.split('-')[0]); d.setMonth(date.split('-')[1] - 1); d.setDate(date.split('-')[2]); // 7日後 d.setDate(d.getDate() + 7); if (d > new Date()) { var star = $('<span>'); star.addClass('star').text('update'); $(this).prepend(star); } }); }); </script> </table> </body>
ソースコード
試したこと
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。