我在HTML标签下方使用:
<input type="time" />
在Chrome中,它显示PM/AM格式,我们可以限制始终显示24格式.我不想使用HTML5标签
Gök*_*urt 27
如本回答所述,并非所有浏览器都支持标准方式.使用强大的用户体验并不是一个好主意.如果你使用它,你不能要求太多.
而是使用时间选择器库.例如: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> <!DOCTYPE html>
<html>
<body>
Time: <input type="time" id="myTime" value="16:32:55">
<p>Click the button to get the time of the time field.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("myTime").value;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>我发现通过设置值字段（不仅是下面给出的内容），时间输入将在内部转换为24小时格式。