【WordPress + Contact Form 7】日付のカレンダーで今日以前は選択できないようにする
Contact Form 7の「日付」で、以下の2点を実現してみたいと思います。
- 今日より前の日付を選択できないようにする
- 土日は選択できないようにする
プラグイン「Contact Form 7 Datepicker」をインストールする
実現するにあたって、「Contact Form 7 Datepicker」というプラグインをインストールし、有効にします。
※ご注意
このプラグインは、約3年前で更新が止まっています。利用する際はそれを理解した上で使います。
今日より前の日付を選択できないようにする
今日より前の日付を選択できないようにします。
プラグインContact Form 7 Datepikerをインストールした事で、「日付」のフォームタグ生成内容が変わりました。
今回、今日以降の日付だけを選択させたいので、
min-date
という項目に
0d
と入力します。
これで、今日より前の日付は選択できなくなりました。
土日は選択できないようにする
次に、土日は選択できなようにしたいと思います。
フォームタグ生成をスクロールすると、
min-dateより少し下に、「no-weekends」という項目がでてきます。
その項目にチェックを入れます。
これで、土日は選択できなくなりました。
※祝日は対応していませんのでご注意ください。