MV WP FORMのDayPickerが動かない時はjquery-uiを疑え!

投稿者: | 2020年7月29日

WordPressのフォームプラグイン「MV WP FORM」をクライアントからの依頼で導入。Contactform7と異なり、確認画面と完了画面が出せるらしい。
とりあえず入れてみたが、初実装のため全然わからず、tipsサイトを見ながらやって何とかこうにか動くように。
ただ、カレンダー形式で日付が選べるDaypickerがどうしても動かない。
調べたところ 「wp_headとwp_footerをjqueryの前に書け」と大体書かれているのだが、それをしてもカレンダーは表示せずテキストボックスのまま。
うんうん唸りながら開発者ツールのコンソールを見てみたら、エラーでnot found というものが出ている。
おやややや?と思って調べてみたら、「jQuery カレンダーから日付を入力するサンプル(Datepicker)
というページにて、jquery-ui.min.jsとjquery-ui.cssいうファイルの存在が。
これは匂うと思い、cdnから https://code.jquery.com/ui/1.12.1/jquery-ui.jsと//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.cssをリンクしたら、出やがった。プラグインにもWPにもパッケージングされてないんかーい!