
そんな疑問に答える本記事です!
こんにちは。未経験から稼げるエンジニアになった、いちかわともや(@tomochan8282)です。本日は、コンタクトフォームの日付をカレンダーで選択する方法をご紹介したいと思います。
本記事を読めば、コンタクトフォームの日付をカレンダーで選択する方法がわかります。
未経験から
稼げるエンジニアになる
正しい方法
侍エンジニア塾なら、わずか6ヶ月で稼げるエンジニアを目指せます。IT業界が人手不足の今、思い切ってエンジニアになってみませんか?
コンタクトフォームの日付をカレンダーで選択する方法【Contact Form 7 Datepicker】
◆もくじ
コンタクトフォームの日付をカレンダーで選択する方法【Contact Form 7 Datepicker】
▼コンタクトフォームの設定方法はコチラ
Contact Form 7 Datepickerをインストール
こちらは、コンタクトフォームの日付選択の初期状態です。数字を選んで入力しなければいけません。

このような記述になっています。

カレンダーで日付を選択する機能を追加するために、「プラグイン」>「新規追加」より「Contact Form 7 Datepicker」をインストールします。

「有効化」をクリックしましょう。
カレンダーのデザインを選択

「お問い合わせ」>「コンタクトフォーム」に戻り、「Datepicker Theme」タブを選択します。

①カレンダーのデザインを選択し、保存します。②最後に、全体の保存もします。
このように、日付をカレンダーで選択できるようになりました。
昨日以前の日付を選択できなくする設定
さらに、
[date date-date]
を削除して、「日付」をクリックし、「min-date」に「0d」と入力をすると、、

昨日以前の日付の選択ができなくなりました!(本記事は2019年5月29日に執筆)
最後までお読みいただきありがとうございました!
未経験から
稼げるエンジニアになる
正しい方法
侍エンジニア塾なら、わずか6ヶ月で稼げるエンジニアを目指せます。IT業界が人手不足の今、思い切ってエンジニアになってみませんか?