[WordPress] Contact Form 7 (コンタクトフォーム) でカレンダーを使った日付選択をさせる (Contact Form 7 Datepicker)

  • このエントリーをはてなブックマークに追加
  • Pocket

attention この記事は2年以上前の投稿になります。
記載された情報が古くなっている可能性がございますので十分ご注意ください。

jQuery の Datepicker というカレンダー選択を WordPress の Contact Form 7 と連動させるプラグインの紹介です。
(Contact Form 7 のアドオン的なプラグインなので Contact Form 7 を導入してご利用ください)

まずプラグインをインストールして有効化します。(Contact Form 7 Datepicker で検索)
そうすると、Contact Form 7 で作成したフォームの編集画面を開くと下記のように「Datepicker Theme」が追加されます。
cf7dp01
↓ 展開後 ↓
 
ここでカレンダーのデザインを選択します。
cf7dp02

次にフィールドを作成する部分に Datepicker のフィールドが追加されています。
cf7dp03

下の例は一番複雑な「Date Time field」を選択したイメージです。
cf7dp04
細かい設定が可能なので、日付を未来しか選べないようにしたり、時間を30分単位にしたり、目的に応じてカスタマイズが可能です。
ちなみにdate-formatで日本語「yy年・・・」とかは使えませんでした。。。残念

ネット集客を加速させるWebサイトをWordPressで作る方法
WordPress対応 PHPファイル 難読化ツール

ご訪問ありがとうございます。
参考になりましたら『いいね!』もお願いします。

ITの活用情報を毎週お届けする無料メルマガに是非ご登録ください。

閉じる

ご意見・ご感想をお待ちしております。

いただいた情報は一般公開されません。(入力いただいたメールアドレスにてご返信させていただきます)
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。