html5 "time"输入24小时

标签 html time

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

相关文章:

javascript - 防止浏览器强制滚动

html - 如何将 tinyMCE 包裹在 polymer 元件中?

html - 响应时间轴

python - Pandas :一旦一列达到另一列的某个值,如何返回行值?

mysql - mysql中的求和时间列

html - 使用 css 为 pre 中的每一行设置样式

php - 媒体查询以对齐图像

time - TraMineR 中从月度数据到年度数据

java - Java中的间隔时间减法

swift - 时间标签未更新