【contact form 7】 IE11でdatepickerが表示されない

2018-12-15

Contact form 7では、date,numberタイプなどのHTML5タグが使われています。

※フィールドを選択すると、PCだとカレンダーが表示される

遅ればせながらIE11ではそれが動作してないことを知りました^^;

IE11だけでなくFirefoxでも非対応のようです。
IE11,Firefoxでも対応させるには。

functions.phpに以下を追記。jqueryUIを利用することになります。

add_filter( 'wpcf7_support_html5_fallback', '__return_true' );

jqueryUIのカレンダーを日本語化する場合は以下のコードも必要とのこと

wp_enqueue_script('jquery.ui.datepicker-ja','http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/i18n/jquery.ui.datepicker-ja.js');

最初からHTML5を無効にしたい場合は、以下の内容をfunctions.phpに追加します。

add_filter( 'wpcf7_support_html5', '__return_false' );

参考にさせていただいたサイト:

Contact Form 7 は HTML5 の入力タイプをサポートしますか?
https://contactform7.com/ja/faq/does-contact-form-7-support-html5-input-types/

WordPressのContact form 7の日付項目をサクッとクロスブラウザ対応する方法
https://s-oyama.me/blog/web-creation/427/