質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

2回答

1329閲覧

datepickerで日付を取得して、その日付の予約できない時間を除いたセレクトボックスを表示したい

su_da221

総合スコア59

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2021/06/23 06:39

前提・実現したいこと

Wordpressでアポ取り用のフォームを作成しています。
管理画面上で予約できない日、予約できない時間を指定してそれ以外を表示したいです。

サイトではdatepickerを使用して日付を選択してもらい、その後予約時間を選択していただいてます。
イメージ説明

フォーム:contact form 7
できない日を選択するフィールド:acf datepicker
不可時間を選択するフィールド:acf チェックボックス

管理画面で選択する時間は固定で決まっていてその中で選択しています。
イメージ説明

カスタムフィールド例
イメージ説明

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

テンプレートのphpで配列にしたいのですが、そのやり方がわかりません。
phpで配列を作成してjqueryに渡したくて、
お客が、日付を選択した後に、その値をvalue値で受け取り、そのvalue値と等しい配列の中身を次のセレクトボックスの中に入れたいです。参考サイトはこちら

現状はこんな感じでカスタムフィールドの値を取得していますが、これを上記の参考サイトのような配列に持っていく方法がわかりません。
(他にも日付を選択してからその日付を用いて動的に次のセレクトボックスを表示する方法があれば教えて欲しいです)

php

1<?php 2 if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> 3 <?php endwhile; endif; wp_reset_query(); 4 5 $noDay_array = []; 6 if(have_rows('no-time-group')): ?> 7 <?php while(have_rows('no-time-group')): the_row(); ?> 8 <?php 9 10 the_sub_field('day'); 11 the_sub_field('time'); 12 13 $noTime_array[] = get_sub_field('day'); 14 15 ?> 16 <?php endwhile; 17 $php_json = json_encode($noDay_array); 18 ?> 19 <?php endif; ?> 20

jquery

1jQuery(function($){ 2 let sample = <?php echo $php_json?>; 3 console.log(sample); 4});

ちなみに今コンソールに吐かれているのは下記です(当たり前ですが。。)

["2021-06-20", "2021-06-27", "2021-06-25"]

そして出来れば下記のような配列を作りたいです。

管理画面で選択された日付:[チェックをつけられた以外の時間 複数] $noday = { 2021-06-20 : [ "11:00", "15:00"] 2021-06-25 : [ "13:30", "16:00"] }

どうにか方法を教えてください。
調べていますが方法が浮かびません。。

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

wordpress
Advanced Custom Fields Plugin for WordPress
contact form 7

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

自己解決

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

こちらでできました。

投稿2021/06/25 06:47

su_da221

総合スコア59

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

チェックボックスのフィールドの戻り値の型が自信ないですが

php

1 2$day = get_sub_field('day'); 3$time = get_sub_field('time'); //配列? 4 5$noTime_array[] = [$day => $time]; 6/* 7SAMPLE: 8array(2) { 9 [0]=> 10 array(1) { 11 ["2021-06-20"]=> 12 array(2) { 13 [0]=> 14 string(5) "11:00" 15 [1]=> 16 string(5) "15:00" 17 } 18 } 19 [1]=> 20 array(1) { 21 ["2021-06-25"]=> 22 array(2) { 23 [0]=> 24 string(5) "13:30" 25 [1]=> 26 string(5) "16:00" 27 } 28 } 29} 30*/ 31 32$php_json = json_encode($noDay_array); 33/* 34SAMPLE: 35[{"2021-06-20":["11:00","15:00"]},{"2021-06-25":["13:30","16:00"]}] 36*/ 37

投稿2021/06/23 09:36

yuki84web

総合スコア1857

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問