如何让 <input type="time" /> 在 IE 10、Firefox、Safari 等中显示全时选择器答案

【问题标题】：How to get <input type="time" /> to display full time picker in IE 10, Firefox, Safari, etc如何让 <input type="time" /> 在 IE 10、Firefox、Safari 等中显示全时选择器
【发布时间】：2014-03-17 12:03:27
【问题描述】：

我整天都在为此苦苦挣扎。

我在我们公司的一个网络应用程序中使用<input type="time" /> 已经很长时间了，直到最近我才发现它在 IE 和 Firefox 中仅以 5 分钟的间隔显示下拉菜单。

根据this page，我假设 Safari 中也发生了同样的情况。

是否有任何解决方案可以跨所有浏览器工作？

顺便说一句，这些极受欢迎的浏览器不支持新的 HTML5 输入类型似乎很荒谬。超级沮丧。

无论如何，提前感谢您的帮助。

【问题讨论】：

标签： html browser input cross-browser

【解决方案1】：

我最终选择了DateBox。

【讨论】：

【解决方案2】：

不幸的是，日期/时间输入类型仍然是 CSS 工作草稿。所以如果你想让它在所有浏览器中工作，你别无选择，只能使用polyfill。比如this one。

【讨论】：

好主意，但它在 IE10 中看起来和工作起来都像垃圾。这些其他浏览器需要跟上时代的步伐，就像该死的一样。

【解决方案3】：

我建议您使用 javascript 时间选择器。它比默认的更可靠。来看看

Whats a Good Javascript Time Picker?

希望对您有所帮助。

【讨论】：