输入类型时间24小时格式 [英] Input type time 24 hour format

问题描述

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

Too many this type of old questions are already in Stack Overflow, but now I would like to know any new method to fix this problem!

<input type="time">

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

How can we change this 12hr to 24hr format for all browsers? It would be great this will work with only JavaScript and without any third party JS/Jquery. Can any one help?

参考问题:

HTML输入时间为24格式

html5时间输入显示12小时

推荐答案

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

Try This Using time-picker libraries. For example: DateTimePicker.js is a zero dependency and lightweight library. Use it like:

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>

这篇关于输入类型时间24小时格式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！