Date Field Doesn't Work in IE

Contact Form 7 has some Datepicker support via the new HTML5 date input type (see https://contactform7.com/date-field/) but this is currently only supported on some browsers – see https://www.wufoo.com/html5/types/4-date.html

Contact Form 7does provide jQuery UI-based fallback for the date and number input fields. By using this solution, you can provide calendar UI for the date field and spinbox UI for the number field, respectively, even with Firefox or Internet Explorer. By default, this fallback feature is disabled because it loads extra JavaScript and CSS (makes for poor performance) and it is only necessary for websites that use the date or the number input fields. If you use the date or number input fields and wish to use this jQuery UI-based fallback feature, add the following code into your theme’s functions.php file and activate the feature:
add_filter( 'wpcf7_support_html5_fallback', '__return_true' );

See https://contactform7.com/faq/does-contact-form-7-support-html5-input-types/

Thank you very much! I will try this solution

That worked PERFECTLY! You saved the day, @buzztone, thanks!

Hi – could someone assist? I’ve updated my theme’s functions.php file with this line:

add_filter( ‘wpcf7_support_html5_fallback’, ‘__return_true’ );

And yet on Firefox and IE the datepicker still isn’t appearing. Maybe I’m missing something what “activate” means in the instructions (in addition to adding just the code).

As reference – I’m using the form on https://fiona.timinyli.com/contact-form-test/.

Thanks in advance!

Try disabling the plugin in the plugin options and then reactivating it.

You would probably need to make the change in a functions.php file within an active an Child Theme.

For a simple explanation of WordPress Child Themes see https://wplift.com/customise-wordpress-child-theme.

thanks larssonk22- I tried disabling/reactivating but no luck.

thanks buzztone – I tried to create a functions.php file under a child theme but that ended up removing my navigation entirely (odd!). thoughts?

Can you post your functions.php file with the code that you have used

make sure you use the code button to add the content to the post.

Hi larssonk22 – please see below. This is the functions.php code for my theme (didn’t include the child one because it didn’t work previously).

`<?php

//DEBUG
if(WP_DEBUG){
require_once(‘plusquare_admin/config-backend/scripts/FirePHPCore/fb.php’);
ob_start();
}

if(WP_DEBUG)fb::log(“DEBUG ON”);

//Require Scripts
require_once( ‘scripts/mr-image-resize.php’ );

//variables
$pq_shortname = “esza”;
$pq_themename = “Essenza”;
$pq_themename_lc = “essenza”;

//Check if it’s an ajax call from frontend
$pq_ajax_frontent = false;
if(isset($_POST) && isset($_POST[“frontend”])){
$pq_ajax_frontent = true;
}

/*
* BACKEND
*/
if(!$pq_ajax_frontent && is_admin()){
require_once( get_template_directory() . ‘/plusquare_admin/config-backend/backend.php’ );
}

/*
* FRONTEND
*/
else{

require_once( get_template_directory() . ‘/plusquare_admin/config-frontend/frontend.php’ );
}

/*
* COMMON
*/
require_once( get_template_directory() . ‘/plusquare_admin/config-common/common.php’ );

/*
* contact form 7 fix
*/

add_filter( ‘wpcf7_support_html5_fallback’, ‘__return_true’ );

hmm strange it looks fine, can you try adding the code onto line 2 instead of at the last line. Do you have any caching plugin’s or javascript blockers installed? Make sure that you have cleared your cache.

BTW can you add the date field to your form, I went to your site to look at the source code but you have no date field. You just have 2 subject fields.

Edit: I’ve seen the code, you’ve just labeled the date field as subject

Can you paste your contact form 7 form code. Also make sure you are running the latest version (v4 has just been released).

Hi larssonk22 – I’ve updated to the latest version, and the page itself fails to load entirely. Cleared cache and even tested through incognito to ensure that it wasn’t any of my chrome extensions getting in the way.

The code itself:

<p>Your Name (required)<br />
    [text* your-name] </p>

<p>Your Email (required)<br />
    [email* your-email] </p>

<p>Subject<br />
    [text your-subject] </p>

<p>Date<br />
    [date date-311]</p>

<p>Your Message<br />
    [textarea your-message] </p>

<p>[submit "Send"]</p>

Shortcode (though I doubt you need this):

[contact-form-7 id="270" title="Contact form 1"]

added the code to line 2 as well on functions.php.

Sounds like there is a conflict, try disabling all your plugins except contact form 7.

Disabled all my plugins and still having the same loading issue.

It happened to me previously when I tried to update (before using the code solution above), and I just revered back to 3.9 for it to properly display.

Hi larssonk22 (or anyone else), would you know why version 4 would cause the overall loading issue on the site?