解决方法
如
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>