HTML5日期选择器仅在第二次单击时打开

Question

我正在为我的日期日历日期框(input type="date")使用HTML5日期选择器。然而，在Nexus 7 Chrome 36和Motorolla Chrome 33中，我发现我们需要点击日期框两次才能打开日期选择器。背后的原因是什么？如何解决这个问题呢？

Answer 1

看起来HTML5 datepicker只被部分支持。也许这个问题会随着支持的改善而消失？

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

Answer 2

在输入如此少的情况下，唯一可能的解释是，当你打开你的网页时，它被缩小了。默认情况下，当你在页面缩小时触摸任何输入元素时，android会放大该区域，你将被要求再次触摸，以确认你触摸了什么。

为了摆脱它，你可以在触摸之前简单地放大，或者只是使用jQuery手机或其他东西来建立一个手机特定的网站。

Answer 3

默认的HTML5日期选择器可能与您正在使用的另一个库冲突。根据html5test，默认日期支持您的浏览器。我希望你是在一个实际的设备上测试。你可以尝试一个只有< input type="date" />的简单页面吗？