WordPresで使えるメールフォームの有名なプラグイン MW WP Form をより便利に!日付選択機能(datepicker)のカスタマイズ2種類ご紹介します。
SwellでContact Form 7を試してみました。Form作成画面自体はクラシックな感じです。 datepickerの実装方法も書きました。良かったらご覧ください。
[WordPress] Contact Form 7 基本+いろいろ
WordPressの有名なメールフォームプラグイン Contact Form 7の基本とちょっとした機能
INDEX
datepickerとは
datepickerとは、カレンダーから日付を選択すると。自動で入力される機能です。カレンダーから選択しなくても直接入力する事も出来ます。
例えば、フォームで予約を受けたい時には不可欠ですね。
設置方法
MW WP Formの作成画面で「日付ピッカー」を選択します。
選択できる開始日を設定する
何も設定しない場合は、開いたカレンダーは当日から選択が可能になります。予約などは、今日の今日って無理な場合もありますよね。そこで、選択できる日にちを「今日から〇日後」と設定する事が出来ます。
※ 以下のサンプルコードは本来は[カギカッコ] で囲む必要があります。
mwform_datepicker name="日付" js='"minDate": 3' size="30" value="yyyy/mm/dd"
“minDate”: 何日後’という風です。
カレンダーの日付のフォーマットを変更する
余談です。日本語の場合は無関係そうですが、英語サイトで使用するとカレンダーはこんな感じになります。
選択すると、yyyy/mm/dd ではなく、mm/dd/yyyyになりました。yyyy/mm/ddにしたかったので、”dateFormat”: yy/mm/dd を加え順序を変えました。
mwform_datepicker name="date" js='"dateFormat": yy/mm/dd' value="yyyy/mm/dd
動かない時
2022/07/28 : 何だか動かないみたい。という事でしたが、情報を頂戴しました。まだ試していないのですが、「WPの管理画面からログアウトすると機能するようです。」との事です。
MW WP Form(WordPress)でデイトピッカーが動かないときの対処法 | Vanilla Bear(バニラベア)
デイトピッカーがただのテキストボックスになってしまう…! WordPressでお問合せフォームのプラグイン「MW WP Form」で「デイトピッカー」を追加していたところ、PCで見る…
予約フォーム
MW WP Form,ではありませんが、時間の指定が必要な場合やダブルブッキング防止も出来る予約フォームもあります。
[WordPress] 予約フォームを設置する 無料版で。
予約フォームに何を求めますか?メールフォームである程度は、それらしき物は出来ますが、時間を選択してほしかったり、ダブルブッキングを避ける調整を自分で行うのは…
コメント ※ハンドルネームでお願いします
コメント一覧 (2件)
当方もSWELL使用です。
WPの管理画面からログアウトすると機能するようです。
参考サイト
http://vanilla-bear.net/web-development/frontend/328/
情報ありがとうございました。そういう事だったのですね~。まだ試していないのですが、記事に追記させて頂きました。