如何将<input />时间格式设置为24小时（chrome）

Question

需要帮助制作12小时到24小时的时间格式。我删除了am / pm标记，现在我不知道如何将其更改为24小时。

我不熟悉Javascript，因此导致我出现问题。也许有人可以给我详细的代码如何制作？

.without::-webkit-datetime-edit-ampm-field {
  display: none;
}

<input type="time" id="time" name="bday" value="21:00" step="1800" min="00:00" max="23:59" required class="without" autofocus>

Answer 1

不同的浏览器对此输入类型=“时间”显示不同的响应。尝试过Chrome，Firefox，Edge＆amp; IE ...

  

最好的办法是使用像TimePicker.co

这样的jquery插件

要么

  

编写自定义javascript函数来处理输入事件。

注意：

<input type="time" id="time" />
<input type="time" id="time" name="bday" pattern="([1]?[0-9]|2[0-3]):[0-5][0-9]" />

这些模板适用于较旧的浏览器，但不适用于最新版本的chrome和firefox，并且显示12小时格式。

Answer 2

在剃须刀页面中，在Chrome浏览器中：

 <input type="datetime-local" name="<>" id="<>" value=@string.Format("{0:yyyy-MM-ddTHH:mm}",Model.<your model name>)/>

HH表示24小时制。 hh表示AM / PM格式

Answer 3

以下工作无需Javascript

＆＃13;

＆＃13;

<input type="time" id="time" name="bday" pattern="([1]?[0-9]|2[0-3]):[0-5][0-9]"/>

＆＃13;

＆＃13;

＆＃13;