この記事は2年以上前の投稿になります。記載された情報が古くなっている可能性がございますので十分ご注意ください。
jQuery の Datepicker というカレンダー選択を WordPress の Contact Form 7 と連動させるプラグインの紹介です。
(Contact Form 7 のアドオン的なプラグインなので Contact Form 7 を導入してご利用ください)
まずプラグインをインストールして有効化します。(Contact Form 7 Datepicker で検索)
そうすると、Contact Form 7 で作成したフォームの編集画面を開くと下記のように「Datepicker Theme」が追加されます。
↓ 展開後 ↓
ここでカレンダーのデザインを選択します。
次にフィールドを作成する部分に Datepicker のフィールドが追加されています。
下の例は一番複雑な「Date Time field」を選択したイメージです。
細かい設定が可能なので、日付を未来しか選べないようにしたり、時間を30分単位にしたり、目的に応じてカスタマイズが可能です。
ちなみにdate-formatで日本語「yy年・・・」とかは使えませんでした。。。残念
