用户的 PC 使用 12 小时制(晚上 11:59)。用户想要使用 24 小时制 (23:59) 输入时间。浏览器各不相同,但 Firefox(例如)甚至不允许您在小时内输入 23,而过去的一些 Win32 组件允许您输入“23:__ --”,但在您输入时将其更改为“11:__ PM”移动到分钟字段 - 仍然不理想但更好。
我们是否仍然需要使用一些奇特的第 3 方组件来处理所有变化以提供跨浏览器的统一用户体验?是否有计划在 HTML5.1(或其他)中指定 24 小时格式?
我知道这个问题之前已经被问过好几次了,但我看到的所有答案都是一年多以前的,而且从那以后情况发生了很大变化。
最佳答案
目前,HTML5 时间格式为 24 小时格式。
如果您正在寻找具有少量配置以在 12 小时和 24 小时格式之间来回转换或接受其中一种/两种格式的输入的第 3 方库,那里有很多。我目前在生产中使用这个组件。您可能希望创建自己的组件或使用不同的组件/库。
此外,可以使用简单的数学方法将 12 小时制转换为 24 小时制,反之亦然,您可以通过谷歌搜索轻松找到 - 这不会因浏览器而改变。
此处演示:
在此处下载为 ZIP:
我将它与 moment.js 结合使用:
关于html5 "time"输入24小时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48269609/