如何让<input type =“time”/>在IE 10,Firefox,Safari等中显示全时选择器

时间:2014-02-18 00:08:12

标签: html html5 browser input cross-browser

我整天都在苦苦挣扎。

我在我们公司的一个网络应用程序中使用<input type="time" />很长一段时间,直到最近才发现这只是在IE和Firefox中以5分钟的间隔显示下拉列表。

我认为在基于this page的Safari中也会发生同样的情况。

是否有任何解决方案可以在所有浏览器中使用?

作为旁注,这些极受欢迎的浏览器不支持新的HTML5输入类型似乎相当荒谬。超级沮丧。

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

3 个答案:

答案 0 :(得分:2)

我建议你使用javascript时间选择器。它比默认工作更可靠。看看

Whats a Good Javascript Time Picker?

希望得到这个帮助。

答案 1 :(得分:1)

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

答案 2 :(得分:0)

我最终选择了DateBox