小编典典

html5时间输入显示12个小时

html

我正在使用html 5输入元素type=time。问题是它显示时间,12 hours但我希望它显示24 hours一天。我怎样才能达到24小时?这是我的输入字段

<input type="time" name="time" placeholder="hrs:mins" pattern="^([0-1]?[0-9]|2[0-4]):([0-5][0-9])(:[0-5][0-9])?$" class="inputs time" required>

阅读 434

收藏
2020-05-10

共1个答案

小编典典

HTML5时间输入

这是与日期/时间相关的类型中最简单的一种,允许用户选择 24小时制的时间 ,没有 AM或PM
。返回的值是hours:minutes,看起来像14:30。

<input type="time" name="time" />

此功能仍在草稿中。每个浏览器都以不同的方式显示它。

-Opera(Presto Engine)显示正确的方式。

-Chrome(Webkit Engine)以AM / PM显示它。
-Firefox(Gecko Engine)不显示任何内容,但可以进行验证。
-Edge在弹出式窗口中显示所有必需的值

<input type="time" name="time" />

不好用!

2020-05-10