Last post Mar 08, 2013 01:53 PM by Rion Williams
Mar 08, 2013 12:03 PM|mlbrillo|LINK
I am working on a mobile friendly site. It's funky and isn't written as it should be, but I'm doing what I can. I have one issue left to address and it's been HELL trying to find a solution for this that works on both iOS and Android.
Date fields. It is requested by the project owner that the number keyboard pop up when entering a date. I have tried using:
type="number", problem is it strips off any leading zeros which are essential for dates, therefore the date doesn't pass validation
type="tel", allows leading zeros, but doesn't give me the option on the keyboard to add "/" between mm/dd/yyyy
type="date", seems to be the best option as it opens the date wheel on both iOS and Android. HOWEVER, when I try to hit the next button on the stupid Android, it keeps popping the date wheel back up and won't let me continue. Really?!
Please someone tell me you have a good solution for this. Thanks.
Mar 08, 2013 12:52 PM|Rion Williams|LINK
I wouldn't rely to heavily on the HTML5 "type" forms of validating just yet, as they aren't very widely supported in current browsers (only Chrome, Opera and Safari currently support them).
HTML5 Date/Time Input Type Support (Additional Support Chart Here)
You may want to consider using
Mar 08, 2013 01:44 PM|mlbrillo|LINK
Fantastic -- thank you so much for the response!
Mar 08, 2013 01:53 PM|Rion Williams|LINK
Glad that it helped you out. :)