24小时输入时间:mm格式跨浏览器

Question

我正在尝试创建一个跨浏览器时间输入。

<input type="time" value="22:14" tabindex="0"></input>

问题是它自己决定是以上午/下午的格式还是以24小时的格式显示时间。有些浏览器不支持它，而是显示文本输入。

有这样的图书馆吗？或者唯一的方法是为文本输入编写自定义脚本，使其看起来像时间输入？

Answer 1

如果你想要一个同质的跨浏览器体验，我认为你必须使用一些第三方库。

以Bootstrap Timepicker为例。

Answer 2

我找到了一个很好的库-基于jQuery的跨浏览器UI库-w2ui

有关DATE和TIME控件的更多信息：http://w2ui.com/web/docs/form/fields-date

<div> <input type="eu-time"> </div>

还有一个简单的脚本：

$('input[type=eu-time]').w2field('time',  { format: 'h24' });