こんにちは。PHPに関する質問です。
現在私はmysqlのデータベースにあるデータをブラウザに表示させているのですが、表示させる項目の中に更新日があります。
php
<td><time><?php echo date('y-m-d', strtotime($value['post_date'])); ?></time></td>
上記のようにデータベースから取得した更新日をテーブルに表示させているのですが、1週間更新がない項目の日付の文字の色を赤くしたいと考えております。
そこで下記のようなJavaScriptを記述して日付を赤くすることには成功したのですが、
1週間以内に更新がある項目もすべて赤くなってしまいます。
(おそらくデータベースのデータを繰り返し表示しているのですべての項目が「xday」というクラスになっているのが原因?)
JavaScript
<script type="text/javascript"> $(function(){ const day = new Date(Date.now()); const xday = new Date(day.setDate(day.getDate() - 7)) const koshinbi = new Date(<?php echo date('Y, m, d', strtotime($value['post_date'])); ?>); if(xday > koshinbi){ $(function() { $(".xday").css( {"color": "red",} ); }) } }); </script>
data属性を使ってデータごとに区別をつければ1週間以内かどうか判定されるのかなとも思ったのですが、知識不足でどうコードを書けばいいかわかりません。
お力添え頂けますと幸いです。
よろしくお願いいたします。
以下コード全文
php
<?php $pdo = null; $option = null; $message_array = array(); try { $option = array( PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION, PDO::MYSQL_ATTR_MULTI_STATEMENTS => false ); $pdo = new PDO('mysql:charset=UTF8;dbname=hoge;host=hoge', 'hoge', 'hoge', $option); } catch(PDOException $e) { $error_message[] = $e->getMessage(); } if( !empty($pdo) ) { $sql = "SELECT * FROM hoge ORDER BY id DESC"; $message_array = $pdo->query($sql); } $pdo = null; ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../js/jquery-3.6.0.min.js"></script> </head> <body> <table> <?php if( !empty($message_array) ){ ?> <?php foreach( $message_array as $value ){ ?> <tr> <td>更新日</td> <td><time class="xday"><?php echo date('y-m-d', strtotime($value['post_date'])); ?></time></td> </tr> <script type="text/javascript"> $(function(){ const day = new Date(Date.now()); const xday = new Date(day.setDate(day.getDate() - 7)) const koshinbi = new Date(<?php echo date('Y, m, d', strtotime($value['post_date'])); ?>); if(xday > koshinbi){ $(function() { $(".xday").css( {"color": "red",} ); }) } }); </script> <?php } ?> <?php } ?> </table> </body> </html>
まだ回答がついていません
会員登録して回答してみよう