html5时间输入显示12小时

前端之家收集整理的这篇文章主要介绍了html5时间输入显示12小时前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用类型=时间的html 5输入元素。问题是它显示时间与12小时,但我希望它在一天24小时显示。如何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>

演示

这里是jsfiddle

解决方法

HTML5时间输入

这一个是最简单的日期/时间相关类型,允许用户在24小时时钟,无AM或PM选择时间。返回的值为小时:分钟,看起来像14:30。

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

功能仍在草稿中。每个浏览器显示不同。

– Opera(Presto Engine)显示它的正确方式。 – Chrome(Webkit引擎)在AM / PM中显示它。 – Firefox(Gecko Engine)不显示任何内容,但validates.- Edge显示所有需要的值在popover类型窗口

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

不是一个好主意使用!

原文链接:https://www.f2er.com/html5/169883.html

猜你在找的HTML5相关文章