Support » Plugin: Contact Form 7 » The date field does not work with Safari

  • Resolved wowsrb

    (@wowsrb)


    Hello,
    I have finished my web with WordPress and I have used your plugin for all the forms.

    In the form corresponding to the restaurant reservation, I have a field that corresponds to the date, the reservation date.

    In browsers Chrome i Firefox works correctly, the calendar is displayed to select the day. In Safari and Explorer it does not work correctly.

    How can I solve this error?

    Thank you

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    Try switching theme to the default Twenty Seventeen.

    Hi,

    Mine isn’t working either?

    I tried adding this – add_filter( ‘wpcf7_support_html5_fallback’, ‘__return_true’ );

    but that didn’t work either.

    The site is https://caseyjeanne.com/contact-us/

    Please can you assist? We are using the beaver builder theme and have reverted back to the Twenty Seventeen theme but it still didn’t work?

    Many Thanks,

    Nicola

    Kezily

    (@kezily)

    Hello,

    I am having the same problem. The date field is not working in Safari.

    arntfield

    (@arntfield)

    Same problem here. I just get my placeholder text on a blank background. No calendar picker.

    I have the same error in Safari.
    Just impossible change the theme, you can’t help US ??

    To solve the issue, we need to use jquery date picker.

    First Step:
    Add this to functions.php

    function custom_enqueue_datepicker() {
        // Load the default wp datepicker script.
        wp_enqueue_script( 'jquery-ui-datepicker' );
    
        // add jquery ui css
        wp_register_style( 'jquery-ui', 'http://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css' );
        wp_enqueue_style( 'jquery-ui' );  
    }
    add_action( 'wp_enqueue_scripts', 'custom_enqueue_datepicker' );

    Now on your custom script:

    <script>
        jQuery(document).ready(function($) {
            $("#yourID").datepicker();
    //instead of ID, you can use class as well
        });
    </script>
    • This reply was modified 6 months, 2 weeks ago by  deb.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘The date field does not work with Safari’ is closed to new replies.