为什么Android上原生HTML5日期选择器上的Chrome变得非常慢?

时间:2015-05-18 12:47:36

标签: android html5 google-chrome meteor datepicker

我的网站上有一个日期选择器,它只使用默认的html5日期选择器。

我注意到,直到几周前,它工作正常,但自从最近更新Chrome Android以来,他们引入了一个新的日期选择器,这个日期选择器非常慢,反应迟钝。加载需要几秒钟,我发现很难选择任何日期。

我有一个演示网站(http://datapickerandroid.meteor.com/)。我在Nexus 7 2013和HTC one M8上测试了它,Android上的Chrome都有这个问题。我也用dolphin和firefox以及桌面浏览器对它进行了测试,它们看起来很好,所以看起来它是Chrome上日期选择器的问题。

我想知道发生了什么? Chrome Android中只有一个错误吗?它只发生在我的设备上吗?我是否以错误的方式宣布我的约会选择器?是否可以指定浏览器我想使用旧的日期选择器?我也使用Meteor(虽然在演示中,我删除了所有非默认包),这可能与它有关吗?

2 个答案:

答案 0 :(得分:25)

crbug.com/441060。您可以通过指定min =和max = attributes来避免这种缓慢。

答案 1 :(得分:4)

有关更多信息,我做了一些游戏,没有设置最小值/最大值,仅设置最大值,以及最小值和最大值。每个人都有不同的行为/表现。

没有分钟或最高 - 在Android中点击非常慢

<input type="date">

仅限最多 - 点击Android会将默认值设置为01/01/0001 - 第一天。 无用

<input type="date" max="1979-12-31">

最低和最高 - 默认日期是今天,它很快加载

<input type="date" min="0001-01-01" max="9999-12-31" >

https://jsfiddle.net/gpjc3xam/16/

<强>更新

对于使用Angular此解决方案的任何人,请注意0001 will not work年中的最短日期。似乎100年是Javascript允许的最低年份......