HTML5 Date picker opens only on 2nd click

Question

I am using HTML5 date picker for a date window in a date calendar ( input type="date" ). However, in the Nexus 7 Chrome 36 and Motorolla Chrome 33, I found out that we need to double-click on the date icon to open the date. What is the reason for this? How to solve this problem?

Answer 1

HTML5 seems to be only partially supported. Maybe this problem will disappear as support improves?

http://caniuse.com/#feat=input-datetime

Answer 2

It depends on your mobile browser and version. Some browsers do not yet support input type = "date". You can check which browsers and versions work with it on this CanIUse website .

I also had a problem with my phone (Alcatel One Touch Idol Ultra), where I use Google Chrome, and I can not find a solution for it. I will continue the search, and if I find it, I will post it here for you. Hope this helps at least a little.

Answer 3

The only possible explanation that provides such less input is that when you open your web page, it has decreased. By default, when you touch any input element, when the page is scaled down, android will enlarge the area and you will need to touch again to confirm that you have touched.

To get rid of it, you can simply zoom in to touch or just create a mobile site using jQuery mobile or something like that.

Answer 4

Choosing a default date for HTML5 may conflict with another library that you are using. By html5test, your browser is supported for the default date. Hope you are testing on the device itself. Could you try with a simple page with only < input type="date" />