Question

Stack Overflow中已经有太多此类旧问题了，但是现在我想知道任何解决此问题的新方法！

<input type="time">

如何为所有浏览器将此 12hr更改为24hr 格式？很好，这将仅适用于仅JavaScript ，而无需任何第三方JS / Jquery。可以帮忙吗？

参考问题：

HTML input time in 24 format

html5 time inputs shows 12 hours

Answer 1

使用时间选择器库尝试一下。例如：DateTimePicker.js是一个零依赖和轻量级的库。像这样使用它：

var timepicker = new TimePicker('time', {
  lang: 'en',
  theme: 'dark'
});
timepicker.on('change', function(evt) {
  
  var value = (evt.hour || '00') + ':' + (evt.minute || '00');
  evt.element.value = value;

});

<script src="http://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.js"></script>
<link href="http://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.css" rel="stylesheet"/>

<div>
  <input type="text" id="time" placeholder="Time">
</div>

Answer 2

来自documentation：

输入的时间值始终为24小时格式：“ hh：mm”，不管输入格式是还是很可能会根据 。

因此，您需要更改语言环境以采用24小时格式。

当我在2台不同的笔记本电脑上打开您的相同问题时，就想到了这一点。一种显示24小时格式，另一种显示12小时格式。

您需要在具有24小时格式的项目中设置区域设置。

示例：'ja-JP'，'en-GB'具有24小时格式

输入类型时间24小时格式

2 个答案: