【PHP】データベースから持ってきた日付が1週間以内かどうか判定したい

こんにちは。PHPに関する質問です。

現在私はmysqlのデータベースにあるデータをブラウザに表示させているのですが、表示させる項目の中に更新日があります。

php
1<td><time><?php echo date('y-m-d', strtotime($value['post_date'])); ?></time></td>

イメージ説明

上記のようにデータベースから取得した更新日をテーブルに表示させているのですが、1週間更新がない項目の日付の文字の色を赤くしたいと考えております。

そこで下記のようなJavaScriptを記述して日付を赤くすることには成功したのですが、
1週間以内に更新がある項目もすべて赤くなってしまいます。
（おそらくデータベースのデータを繰り返し表示しているのですべての項目が「xday」というクラスになっているのが原因？）

JavaScript
1<script type="text/javascript">
2
3    $(function(){
4       const day = new Date(Date.now());
5       const xday = new Date(day.setDate(day.getDate() - 7))
6       const koshinbi = new Date(<?php echo date('Y, m, d', strtotime($value['post_date'])); ?>);
7        
8          if(xday > koshinbi){
9
10          $(function() {
11             $(".xday").css(
12               {"color": "red",}
13                 );
14               })
15             } 
16       });
17</script>

data属性を使ってデータごとに区別をつければ1週間以内かどうか判定されるのかなとも思ったのですが、知識不足でどうコードを書けばいいかわかりません。

お力添え頂けますと幸いです。
よろしくお願いいたします。

以下コード全文

php
1
2<?php
3$pdo = null;
4$option = null;
5$message_array = array();
6
7try {
8    $option = array(
9        PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
10        PDO::MYSQL_ATTR_MULTI_STATEMENTS => false
11    );
12    $pdo = new PDO('mysql:charset=UTF8;dbname=hoge;host=hoge', 'hoge', 'hoge', $option);
13
14} catch(PDOException $e) {
15
16    
17    $error_message[] = $e->getMessage();
18}
19
20if( !empty($pdo) ) {
21
22  $sql = "SELECT * FROM hoge ORDER BY id DESC";
23  $message_array = $pdo->query($sql);
24}
25$pdo = null;
26
27?>
28
29<!DOCTYPE html>
30<html lang="en">
31<head>
32    <meta charset="UTF-8">
33    <meta http-equiv="X-UA-Compatible" content="IE=edge">
34    <meta name="viewport" content="width=device-width, initial-scale=1.0">
35    <title>Document</title>
36    <script src="../js/jquery-3.6.0.min.js"></script>
37</head>
38
39<body>
40  <table>
41    <?php if( !empty($message_array) ){ ?>
42    <?php foreach( $message_array as $value ){ ?>
43
44        <tr>
45            <td>更新日</td>
46            <td><time class="xday"><?php echo date('y-m-d', strtotime($value['post_date'])); ?></time></td>
47        </tr>
48
49
50        <script type="text/javascript">
51
52           $(function(){
53               const day = new Date(Date.now());
54               const xday = new Date(day.setDate(day.getDate() - 7))
55               const koshinbi = new Date(<?php echo date('Y, m, d', strtotime($value['post_date'])); ?>);
56
57                 if(xday > koshinbi){
58
59                      $(function() {
60
61                          $(".xday").css(
62                           {"color": "red",}
63                                   );
64                                  })
65                                 } 
66                       });
67         </script>
68
69
70    <?php } ?>
71    <?php } ?>
72
73</table>
74
75</body>
76</html>

回答2件

JavaScriptではなくPHPで処理するようにしてはいかがでしょうか。

PHPのループ部分
1週間以内ならクラスをday、1週間以内でないならxdayとする

php
1<?php if( !empty($message_array) ){ ?>
2<?php $xday = date("Y-m-d", strtotime("-1 week")); ?>
3<?php foreach( $message_array as $value ){ ?>
4<?php $koshinbi = date('y-m-d', strtotime($value['post_date'])); ?>
5
6    <tr>
7        <td>更新日</td>
8        <td><time class="<?=($xday > $koshinbi) ? "xday" : "day"?>"><?=$koshinbi?></time></td>
9    </tr>
10
11<?php } ?>
12<?php } ?>

そのうえでCSSを設定しておけば良いかと

css
1.day {
2    color: black;
3}
4.xday {
5    color: red;
6}

解決すれば幸いです。

投稿2022/05/20 02:02

koji

総合スコア111

回答へのコメント

Tamaki-b

2022/05/20 02:20

ご回答いただきありがとうございます！こちらの方法で無事解決いたしました。大変助かりました。ありがとうございます！

koji

2022/05/20 02:44

無事に解決されて何よりです。

ベストアンサー

<tr>
　　<td>更新日</td>
　　<td><time class="xday"><?php echo date('y-m-d', strtotime($value['post_date'])); ?></time></td></tr>

time classの中でphpのスクリプトを埋め込むのはどうでしょうか
※見づらいので改行を挟んでます

<td>
　　<time class="xday <?php  if( $value['post_date']) { echo "no_update" }  ?>">
　　　　　　　　　　　         //↑一週間前ならtrueという条件にして、trueならclass名"no_update"を出力するようにしてはどうでしょうか
　　　　<?php echo date('y-m-d', strtotime($value['post_date'])); ?>
　　</time>
</td>

投稿2022/05/20 01:38

編集2022/05/20 01:40

退会済みユーザー

総合スコア0

回答へのコメント

退会済みユーザー

2022/05/20 01:47

クラス名をphpスクリプトで付与することもできますし、 if文で、表示するtdタグを分けるという方法もあります。 <?php if( １週間前かの判別 ) { ?> <td> １週間前です</td> <?php } else { ?> <td>最新の記事です</td> <?php } ?>

Tamaki-b

2022/05/20 01:54

早速のご返答ありがとうございます！ classの中にスクリプトを埋め込むというのは盲点でした。そこに埋め込む1週間前かどうか判定するスクリプトというのは提示させていただきましたJavaScriptをそのまま入れるという旨でお間違いないでしょうか？よろしくお願いいたします。

退会済みユーザー

2022/05/20 02:04 編集

$value['post_date']にどんな値が入っているかにもよりますが、 PHPでもDateオブジェクトはありますので、JSで判定する必要もないかと思います。 post_dateに対して更新日が入っているのであれば、あと必要なのは現在の日付ですよね。現在の日付　ー　更新日 ↑　この差の絶対値が7以上であればclassを付与するということです (2022/05/20) - (2022/05/10) = 10日前日付の計算については「php date計算」などで検索をかけていただくと分かりやすいかと思います

Tamaki-b

2022/05/20 02:09

かしこまりました。 PHPで判定するコードを勉強してみます。いろいろと教えていただきありがとうございます！どうしてもうまく動かなければまた質問させていただきます。よろしくお願いいたします。

退会済みユーザー

2022/05/20 02:12

当日のオブジェクトは、$pdoなどの変数を宣言しているphpスクリプトと同じ箇所で宣言するのがいいかと思います。またいつでもどうぞ。

15分調べてもわからないことは
teratailで質問しよう！