Q

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

2014-09-02 92 views 6 likes

6

我在我的日期日历日期框中使用HTML5日期选择器（input type="date"）。然而，在Nexus 7 Chrome 36和Motorolla Chrome 33中，我发现，我们需要点击日期选择框两次才能打开日期选择器。它背后的原因是什么？这个问题怎么解决？HTML5日期选择器仅在第二次点击时打开

2014-09-02 The Dark Knight

+1

任何帮助将深受赞赏！我在我的智慧结束。有什么建议么？ – 2014-09-02 09:50:31

+1

你能用http://jsfiddle.net/y3ozjjbt/重现吗？你在'input'元素上使用了什么额外的属性？你有任何JS事件附加到这个元素？ – lxg 2014-09-09 22:08:19

+0

@lxg：这无法在桌面浏览器中正确再现。您需要在我提到的移动设备的Chrome浏览器版本中打开jsfiddle。只有这样它才能被复制。目前没有用于输入的js事件。这里要指出的是：当我在我的LAVA Qpad中打开这个：Chrome 33时，它可以在单击时正常工作。在三星，摩托罗拉和Droid镀铬版本上，如果该字段为空，它只能在双击下工作。如果该字段具有日期值，那么它在单击时工作。 – 2014-09-10 05:10:49

A

回答

0

它看起来像HTML5 datepicker只是部分支持。也许这个问题会消失，因为支持改善？

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

2014-09-09 22:00:19

0

这取决于你的手机浏览器和版本。某些浏览器尚未支持输入类型=“日期”。您可以在此网站上查看哪些浏览器和版本兼容CanIUse

我的手机（阿尔卡特One Touch Idol Ultra）也出现过这种问题，我使用的是谷歌浏览器，但找不到解决方案它。我会继续搜索，如果我发现我在这里发布给你。希望这至少有一点帮助。

2014-09-13 22:47:00 user2233414

+0

感谢您的信息。 – 2014-09-14 16:49:24

0

给出这么少的输入的唯一可能的解释是，当你打开你的网页时，它会被缩小。默认情况下，当页面缩小时触摸任何输入元素，android会缩放区域，并且您需要再次触摸才能确认您触摸的内容。

要摆脱它，你可以简单地，然后触摸放大或只是使用jQuery移动或东西建立一个移动特定网站...

2014-09-14 08:35:00

0

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

2014-09-16 10:51:40 ChaseVoid

+0

是的，我已经测试过实际的设备。问题仍然存在，但在其他Chrome版本（如34,35）和最近发布的商店版本37中，除了那些特定设备的其他Chrome版本之外，我无法找到任何问题。 – 2014-09-16 16:30:49

相关问题