flatpickrにてデータベースに登録されている日付のみを表示したい。

Question

flatpickrにてデータベースに登録されている日付のみを表示したいです。
enableを用いて試みております。
下記ソースコードのconsole.log(date)で確認すると、データベースから日付は取得出来ているようです。

説明不足な箇所あるかもしれませんが、どなたかご教示頂けないでしょうか。

発生している問題・エラーメッセージ

エラーメッセージ特になし

該当のソースコード

<?php if( !empty( $date_array) ): ?>
    <?php foreach( $date_array as $value ): ?>
    <php $date = json_encode($value['date']); ?>

      <script>
  
         {let schedule = <?php echo $date; ?>;
          const config = {
            enable: [schedule]
          }

        flatpickr('.flatpickr', config);
        
        console.log(schedule)
      }

        </script>

    <?php endforeach; ?>
  <?php endif; ?>

Comments

[m.ts10806]

コードはマークダウンのcode機能を利用してご提示ください。
あと、現在起きてる問題は何でしょうか。
foreachの中でscriptを出力しようとしている意図が今ひとつわかりかねます

[Kokii]

ご確認有難うございます。
データベース上に8日分の日付が登録されております。（上記の写真の日付）
現在enableにて、データベース へ登録した最新の日付のみが表示可能となっております。
その他７日分は表示されません。
8日分全ての日付を表示させたいです。
foreachの中でscriptを出力しようとしている意図については、配列で8日分全ての日付を取得するために記載したつもりです。
初心者のため、ご指導頂けると幸いです。
宜しくお願い致します。

Answer 1

foreachの中では一行だけが取り出されるので、意図した配列にはなってません。
dateを全部まとめた配列を別途作ってその配列に対してjson_encodeすると良いです。

「１日分しか出ない」のは同じ要素に対してflatpickrをnewし続けてるからだと思います。おそらく最終行だけが出てるはず。

処理の流れイメージ

//↓こんな感じにDBからデータがとれるので [hoge]だけまとめたい
$list = [
    ['name'=>'a','hoge'=>'ho1'],
    ['name'=>'b','hoge'=>'ho2'],
    ['name'=>'c','hoge'=>'ho3'],
    ['name'=>'d','hoge'=>'ho4'],
];

//↓新たな配列
$jdata = [];
//↓DBのデータをループ
foreach($list as $record){
//↓新しい配列に入れていく
    $jdata[] = $record['hoge'];
}

//↓json_encode
echo json_encode($jdata);

Comments

[Kokii]

ご指摘通り最終行だけが出ております。

dateを全部まとめた配列を別途作ってその配列に対してjson_encodeすると良いです。
→意味は理解できるのですがやり方がわかりません。教えて頂けないでしょうか。

[m.ts10806]

処理の流れイメージ　追記しました。

[Kokii]

理解しました。
そして、やりたかったことが出来ました。
有難うございます。