Webデザイナーさん募集中です。ご興味ある方お問い合わせください!

【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」という項目がでてきます。

その項目にチェックを入れます。

これで、土日は選択できなくなりました。

※祝日は対応していませんのでご注意ください。

この記事はあなたの役に立ちましたか?