カスタムフィールドの値を配列に入れたい

Question

前提・実現したいこと

繰り返しフィールドでサブフィールドが2つあります。
1つ目　datepicker 日付を選択
2つ目　チェックボックス　時間を選択

上記のような画面です。

フィールド情報

この選択した日付、時間を配列に入れたいです。
チェックボックスは選択した物以外を表示したいです。

形としては下記のような感じです。

2021-06-20 : ["11:00", "14:00"]

このような形をなんという配列なのかもわからず調べようがないです。
なぜこのような配列を作りたいかというと選択した日付に応じて次のセレクトボックスの中身を変更したいからです。
こちらが参考サイトです。

フォームではこのような感じで使用します。

// 日付を取得
<input type="text" id="datepicker1" name="date1" class="wpcf7-form-control datepicker">　
// 時間を選択
<select>
 <option></option>
 ・・・
</select>

日付が選択されたらその値を取得して、その値と一致する配列の中身（時間）をセレクトボックスに表示したいです。

補足情報（FW/ツールのバージョンなど）

wordpress
カスタムフィールド：acf

Answer 1

datepickerで日付を取得して、その日付の予約できない時間を除いたセレクトボックスを表示したい と何が違うのかわかりませんが、ヒントだけ...

---

Repeater や Checkbox を組み合わせて取得できませんか？

「終日不可」をどうするのかわかりませんが、チェックが入っているものを取得するなら、

$a = [];
if( have_rows('no-time-grp') ){
    while( have_rows('no-time-grp') ){
        the_row();
        $days = get_sub_field('day');
        $times = get_sub_field('time');
        $a[$days] = $times;
    };
}else{
    // Do something
}

// 確認用コード
echo "<!-- -->\n";
var_dump($a);
$b = json_encode($a);
var_dump($b);
echo "<!-- -->\n";

で、どうでしょうか。

質問にある例のように 2021-06-20 の "11:00" と "14:00" にチェックが入っているとしたら、

var_dump の結果は、

array(1) {
  ["2021-06-20"]=>
  array(2) {
    [0]=>
    string(5) "11:00"
    [1]=>
    string(5) "14:00"
  }
}

で、JSONにエンコードした結果は、

string(32) "{"2021-06-20":["11:00","14:00"]}"

になります。

チェック入れていないのを取得する部分や JavaScript とやり取りする部分は考えてみてください。

Comments

[su_da221]

ありがとうございます！
無事に作りたい配列が作成できました。