2

I have a "date input field" that uses the default html5 Date picker on a form.

This renders and works well on all supported browsers, but on the iPad using "Safari", there is no 'done' option showing when selecting the date.

The 'done' option does appear when using this form on an iPhone however.

The form is built in ATG, and is a jsp.

The code I am using for the Date picker is:

<dspel:input id="treatmentDate${fieldCount}" type="date" min="${minDateCal}" max="${maxDateCal}" bean="${fieldBeanStringDate}.stringTreatmentDate" style="width:184px"></dspel:input>

Like I said, the above code works fine, it's just the absence of a 'done' option that is causing some confusion.

Is there any control that would activate this for an iPad?

Thanks in advance.

dradd
  • 1,247
  • 3
  • 10
  • 9

1 Answers1

0

Trying accessing the W3 Schools example page for <input type="date" /> here.

If you encounter the same issue on your ipad then you have probably encountered a bug and the alternative would be use a javascript date picker (using jquery or similar) as workaround/fallback for browsers which do not fully support html5 date pickers.

The article here describes how to do this.

bated
  • 960
  • 2
  • 15
  • 29
  • @dradd Have you tried using the w3c schools example on your ipad which can be found [here](http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_input_type_date)? If the issue exists there then this *might* be a bug which you have to workaround. – bated Jul 15 '14 at 17:39