javascript - 检查浏览器是否支持 HTML5 时间选择器

Question

我在 JavaScript 中构建了一个时间掩码，它适用于 PC、Mac、iPhone 和 iPad，但在大多数 Android 手机中无法始终如一地工作（我不想详细说明为什么此功能无法始终如一地工作）在 Android 中）所以我禁用它。对于三星来说，内置的 HTML5 时间选择器效果很好。

对于 Android 手机，当本机浏览器时间选择器可用时（例如现代三星手机），我想利用 HTML5 时间选择器。

我知道我可以检测浏览器是否支持date/datetime输入类型，但这并不一定表明浏览器支持时间选择器（对于任何怀疑使用 HTC EVO 3D 进行测试的人，仅作为一个示例。）这个问题( Detect browser's native date/time pickers ) 表示如果支持时间类型，则浏览器已经实现了时间选择器，但这是错误的。

我知道modernizr，但我没有看到一种方法来实际验证浏览器是否支持时间选择器。

所以有了这些背景信息。有谁知道确定浏览器是否实现了时间选择器的方法？

Answer 1

我认为最安全的赌注实际上是假设这<input type="date">是不受支持的。截至今天（2016 年初），日期选择器的实际 UI 在浏览器中仍然非常不一致。除非您正在开发一个非常具体的浏览器子集，否则无论如何您都将需要一些 JavaScript。

参考：

• http://html5doctor.com/the-woes-of-date-input
• http://caniuse.com/#feat=input-datetime

Answer 2

您最好的选择是假设支持 a 的浏览器<input type="date">也为其实现了时间选择器。
（据我所知，是这样的type="date"，如果没有合理的方式输入日期，支持有什么意义？）

这是因为无法检查浏览器是否真的显示时间选择器。除了modernizr检查，你真的无能为力。