Contact Form 7の「日付」のカレンダー選択をIEでも機能させる方法

「Contact form 7」で作成するフォームで、
日付選択の項目を入れたい場合、「日付」のフォームタグ生成を使えば、
日付をカレンダーで選択出来るようになります。

が…

IEで確認すると、ただのテキストボックスとして表示されてしまいます。
そこで、IEでもカレンダーでの日付選択を機能させる方法をご紹介します。

原因

「日付」のフォームタグを使用すると、
HTML5の「date属性」を持ったフォームが挿入されます。
この「date属性」がIEなどの一部ブラウザでは対応していないことが原因です。

・「date属性」に対応しているブラウザでの表示

 
・「date属性」に対応していないブラウザでの表示

ただのテキストボックスとして表示されてしまいます。

解決方法

テーマファイル内のfunctions.phpに以下のコードを追記します。

 

「date属性」に対応していないブラウザでもカレンダーでの日付選択が機能するようになりました。