The date field does not work with Safari

  • Resolved wowsrb

    (@wowsrb)


    6 years, 3 months ago

    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

    Hello,

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

    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 ??

    deb

    (@debendra)

    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', 'https://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 years 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.