Html5 "time" 24 小时输入



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

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

我知道这之前已经被问过好几次了,但我看到的所有答案都可以追溯到一年多前,从那时起情况发生了很大变化。

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

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

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

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

演示在这里:

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

在此处下载为压缩格式:

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

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

  • https://momentjs.com/

最新更新