- Web制作
MW WP Form のデイトピッカーが機能しない時の解決方法
はじめに
WordPressでお問い合わせフォームを作成する際に便利なプラグイン「MW WP Form」。
2023年に開発終了が発表されたので、新規制作で MW WP Form を新たに採用することはなくなりましたが、以前は Contact Form 7 と並んでよく使用していたプラグインです。
そんな MW WP Form で日付を選択するための「デイトピッカー（Datepicker）」機能は、予約フォームやイベント参加申し込みフォームなどでよく使われています。
しかし、導入後に「入力フィールドをクリックしてもカレンダーが表示されない」といったトラブルに直面することがあります。
本記事では、MW WP Form のデイトピッカーが正しく動作しない原因と、その解決方法を詳しく解説します。
問題の現象
MW WP Form の「デイトピッカー（Datepicker）」を導入後、動作チェック段階で下図のように、「入力フィールドをクリックしてもカレンダーが表示されない」といった問題が発生。
問題の原因
以前に書いた記事で、MW WP Form のショートコードをカスタムフィールド内に設置していたことが原因でデイトピッカーが表示されないという問題がありました。（下記リンク参照）
今回の問題の原因は、「jQuery UI が読み込まれていない」または「読み込み順序が間違っている」ことが原因のようです。
解決方法
WordPress には jQuery UI のコアと日付ピッカー機能が標準で用意されているため、functions.php に以下のコードを追加するだけで解決できることがよくあります。
《functions.php》
wp_enqueue_script('jquery-ui-core');
wp_enqueue_script('jquery-ui-datepicker');
これだけでデイトピッカーが表示されました。
名古屋の Web 制作会社で 9 年半働いた後フリーランスに。中小企業のWEBサイト制作実績 120 サイト以上。ディレクション、デザイン、コーディング、WordPress 構築まで手掛けます。Web制作に関わる情報やワーケーション日記などを執筆しています。
