Html5“时间”输入24小时

时间:2018-01-15 19:37:38

标签: html5 time

用户的PC正在使用12小时制(晚上11:59)。用户想要使用24小时制(23:59)输入时间。浏览器各不相同,但Firefox(作为示例)甚至不允许您在小时内键入23,而昔日的某些Win32组件允许您键入“23:__ - ”但是将其更改为“11:__ PM”转移到分钟区域 - 仍然不理想但更好。

我们是否仍然需要使用一些花哨的第三方组件来处理所有变体,以便跨浏览器提供统一的UX?是否有计划在HTML5.1(或其他)中指定24小时格式?

我知道之前曾多次询问过这个问题,但我所见过的所有答案都是从一年多前开始的,事情发生了很大的变化。

1 个答案:

答案 0 :(得分:0)

目前,HTML5时间格式为24小时格式。

如果您正在寻找具有少量配置的第三方库,可以在12到24小时格式之间来回转换或接受其中一个/两个的输入,那么有很多。我目前在生产中使用这个组件。您可能希望创建自己的组件或使用不同的组件/库。

此外,简单的数学可用于转换12到24小时的时间,反之亦然,你可以通过谷歌搜索轻松找到 - 这不会改变取决于浏览器。

演示:

在此处以ZIP格式下载:

我将此与moment.js结合使用: