html5 "time"输入24小时

Question

用户的 PC 使用 12 小时制(晚上 11:59)。用户想要使用 24 小时制 (23:59) 输入时间。浏览器各不相同，但 Firefox(例如)甚至不允许您在小时内输入 23，而过去的一些 Win32 组件允许您输入“23:__ --”，但在您输入时将其更改为“11:__ PM”移动到分钟字段 - 仍然不理想但更好。

我们是否仍然需要使用一些奇特的第 3 方组件来处理所有变化以提供跨浏览器的统一用户体验？是否有计划在 HTML5.1(或其他)中指定 24 小时格式？

我知道这个问题之前已经被问过好几次了，但我看到的所有答案都是一年多以前的，而且从那以后情况发生了很大变化。

Answer 1

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

• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time

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

此外，可以使用简单的数学方法将 12 小时制转换为 24 小时制，反之亦然，您可以通过谷歌搜索轻松找到 - 这不会因浏览器而改变。

此处演示:

• http://jdewit.github.io/bootstrap-timepicker/

在此处下载为 ZIP:

• https://github.com/jdewit/bootstrap-timepicker

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

• https://momentjs.com/