Contact Form 7 予約日をカレンダーから選択できるプラグイン

[2011/09/21] [プラグイン]

WordPress 人気プラグイン Contact Form 7を使って
お問合せフォームを作っていますが、
今回は予約受付フォームを作成することになりました。
予約フォームの場合は、日付指定の入力項目が必要になります。

ディフォルトの機能では、日付入力が以下のとおりになります。
1. テキストフィールドで希望の日時を入力してもらう 例:2011年9月21日
 ×:フォーマットが一定でなく、入力間違いしやすい
2. 力技で、全ての年月日をセレクトで選んでもらう。
 ×:表示される無駄な年月日が多く選択しにくい

予約日を受け付けるために欲しい機能としては、
・本日から未来の日付から選択する
 ◎:これで入力時の日時間違いが少なくなります
・カレンダーから希望日を選択して入力
 ◎:曜日の間違いも少なくなります

そこで、Contact Form 7用の追加プラグインが開発されていましたので紹介します。
WordPress › Contact Form 7 Datepicker « WordPress Plugins
relu/contact-form-7-datepicker – GitHub
jQueryのdatepickerをContact Form 7用プラグインにしたものです。

WordPress管理画面でカレンダーの色、日付のフォーマットなどの設定も可能です。
また、日時の選択範囲も指定可能です。
予約の場合は、本日から未来のみ選択といった設定が可能です。

管理画面行なった設定
・選択出来る日を本日から未来に設定しました『Today and future』
・日時のフォーマットを『2011年09月21日』と表示されるようにしました『%Y年%m月%d日』

あとは、カレンダーが英語表示なので、
分かりやすく日本語へ変更する予定です。

日本語化、日付指定範囲のカスタマイズの参照サイト
jQuery UI の Datepicker のカレンダーによる日付範囲指定フォーム

プラグインを探す時に参照したサイト
firegoby » Blog Archive » ContactForm7にGoogle Ajax APIを使って日付入力用カレンダー

記事の評価

同じカテゴリーの記事

Contact Form 7 予約日をカレンダーから選択できるプラグイン」への2件のフィードバック

  1. ピンバック: Contact Form 7 Datepickerの日本語化 | webデザイン初心者が中級デザイナーになるためのブログ

  2. mai

    初心者なため、すみませんどうしてもわからないので
    【選択出来る日を本日から未来に設定しました『Today and future』】←どのようにすれば設定できるのでしょうか?教えて頂けませんか

    返信

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です