【问题标题】:How to i create a HTML input field that accepts time in 24Hrs?如何创建一个接受 24 小时制时间的 HTML 输入字段?
【发布时间】:2016-05-19 23:27:45
【问题描述】:

我需要创建一个接受 24 小时制时间的输入字段,我尝试过使用

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

但这会接受 12 小时后的时间。有没有办法解决我的问题? 12HRS 时间输入的格式很好,它以 HH:MM 显示时间,我的 24Hrs 至少在 HH:MM 部分也需要相同的时间

【问题讨论】:

  • 这有什么问题?我可以在您的输入中选择 00 到 23 小时。
  • 时间字段默认为24小时格式...?
  • @RoryMcCrossan 你确定吗,'在 chrome 浏览器上显示 AM/PM
  • @FeddrickMoria 您使用的是哪个版本的 Chrome?我可以设置从 00 到 23(全 24 小时制)的值。
  • 这与您在操作系统中的时间设置方式有关。签出this

标签: jquery html css


【解决方案1】:

12 小时到 24 小时的时间显示方式与您的操作系统设置有关,这意味着如果您在操作系统中设置了时间以 12 小时格式显示,那么它将在您的浏览器中显示。 (请注意,Firefox 不支持时间输入,因此基本上带有模式的文本输入可能是个好主意)

如果你愿意,你可以定义最小值和最大值

  <input type="time" min="00:00:00" max="23:59:59" name="usr_time">

基于文档https://www.w3.org/TR/html-markup/input.time.html

【讨论】:

  • “时间的呈现方式是 12 小时到 24 小时取决于您使用的浏览器” 这相当广泛。您可以创建自己的自定义浏览器构建。哪些浏览器呈现哪些控件?
  • input 控件的实际呈现可以通过更改host input 元素处的shadowDOM 来调整
  • @guest271314 是的,它应该写“并非所有浏览器都支持带时间类型的输入”
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-08-24
  • 1970-01-01
  • 2019-12-05
  • 1970-01-01
  • 2015-12-13
  • 1970-01-01
相关资源
最近更新 更多