Date picker on iPhone

  • I’m a newbie with WordPress.

    I’m setting up my mobile website with a contact form that uses datepicker.

    When I access the form on my iPhone and tap in the date field it brings up the keyboard (as it does for all the fields). The calendar is barely visible as a result and I’d have to hope that the user would hit DONE to turn off the keyboard and then drag the screen to see the calendar.

    Is there any way around this? Perhaps a calendar icon beside the date field that enables the calendar to pop up without the keyboard?

    All thoughts/suggestions/experience welcome!

    https://www.ads-software.com/plugins/contact-form-7-datepicker/

Viewing 5 replies - 1 through 5 (of 5 total)

  • I’m having the same problem.

    Would like to know a way to fix this.

    danielbellini

    (@danielbellini)

    Same probelm!

    Can anyone help please?

    Thread Starter xmarksthespot

    (@xmarksthespot)

    It’s disappointing to see over 2 months go by and still no response. I am happy to support these developments with contributions but I don’t want to give my backing to a development without timely or visible support. I see – unfortunately – that others are waiting a long time for responses. I will vote with my feet.

    I had the same problem and fixed it by making the input field “readonly”. This way the date can only be selected by using the calendar.

    I used the shortcode : [date check-in readonly].

    The plugin needs an update to use the HTML 5 input type=”date” as the normal contact form 7 now uses.

    To change it you need to edit wp-content/plugins/contact-form-7-datepicker/modules/date.php. Change this line(93):

    $atts['type'] = $inline ? 'hidden' : 'text';

    to:

    $atts['type'] = $inline ? 'hidden' : 'date';

    Then the iPhone will display it’s internal date picker and you can hide the jQuery one using this css in the correct place in your theme:

    .ui-datepicker {
	opacity: 0;
	pointer-events: none;
}

    Lets hope we see this in an update.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Date picker on iPhone’ is closed to new replies.