HTML输入时间为24格式

HTML输入时间为24格式,第1张

概述我使用下面的HTML标签: <input type="time" /> 在Chrome中,它显示PM / AM格式,我们可以限制总是显示24格式。 我不想使用HTML5标签 如 this answer所述,并不是所有的浏览器都支持标准的方式。使用强大的用户体验不是一个好主意。如果你使用它,你不能问太多。 而是使用时间选择器库。例如:TimePicker.js是零依赖和轻量级库。使用它像: var 我使用下面的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>
总结

以上是内存溢出为你收集整理的HTML输入时间为24格式全部内容,希望文章能够帮你解决HTML输入时间为24格式所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1111899.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-29
下一篇2022-05-29

发表评论

登录后才能评论

评论列表(0条)

    保存