Entersquare Inc. EC始めるなら作成の株式会社エンタースクウェア

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

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

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

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

Our service

サービス

雑貨通販

Hello world style.

雑貨のオンラインストア

「ときめきは、自由の始まり。」可愛い雑貨を集めた通販サイトです。

オンラインストアを見る
韓国雑貨通販

韓国雑貨 LILY(リリ)

韓国雑貨オンラインストア

韓国から直輸入したポップで可愛い通販サイトです。

オンラインストアを見る

Solutions

ソリューション

ホームページ作成

Webサイト制作・運用保守

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

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

Webのお悩み

Webのご相談・サポート

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

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

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

詳しく見る