24位格式的HTML输入时间

Question

我正在使用下面的 HTML 标签:

<input type="time"  />

在 Chrome 中，它显示 PM/AM 格式，我们是否可以限制始终显示 24 格式。 我不想使用 HTML5 标签

Answer 1

如 this answer 中所述并非所有浏览器都支持标准方式。用于强大的用户体验不是一个好主意。且若用之，则不能求多。

改为使用时间选择器库。例如:TimePicker.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="https://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.js"></script>
<link href="https://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.css" rel="stylesheet"/>

<div>
  <input type="text" id="time" placeholder="Time">
</div>

有关时间输入的更多信息，请访问 MDN Web Docs