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

Question

我在 JavaScript 中构建了一个时间掩码，它适用于 PC、Mac、iPhone 和 iPad，但在大多数 Android 手机中并不能始终如一地工作（我不想详细说明为什么这个功能可以） t 在 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

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

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