Entersquare Inc. ホームページ作成の株式会社エンタースクウェア

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

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

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

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

Solutions

ソリューション

ホームページ作成

Webサイト制作・運用保守

コーポレートサイト/サービスサイト/オウンドメディアサイト/LP/EC

ウェブマーケティングの技術を使ってホームページの作成や保守を承っております。

Webのお悩み

Webのご相談・サポート

運用のお困りごと/集客のお困りごと/運用担当が居なくなったなど

Webに関するお困りごとや、お悩みなどのご相談、サポートを承っております。

その他、アクセス解析、広告運用、SNSサポートなどWebに関する事全般承っております。

詳しく見る