HTML输入时间为24格式

发布时间：2020-12-14 21:33:33 所属栏目：资源来源：网络整理

导读：我使用下面的HTML标签： input type="time" / 在Chrome中，它显示PM / AM格式，我们可以限制总是显示24格式。我不想使用HTML5标签解决方法如 this answer所述，并不是所有的浏览器都支持标准的方式。使用强大的用户体验不是一个好主意。如果你使用它，你

我使用下面的HTML标签：

<input type="time"  />

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

解决方法

如 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="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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!