用户的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/