微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在 HTML/Javascript 中进行受限时间输入?

如何解决如何在 HTML/Javascript 中进行受限时间输入?

我正在为跑步俱乐部制作一个网站,我需要跑步者能够以 hh:mm:ss 或 mm:ss 的形式输入他们的比赛时间(即,如果不到一小时,则不需要小时)。理想情况下,我希望能够使用带有冒号的某种掩码,这样如果他们输入“01”几个小时,它会自动输入冒号并允许他们开始输入分钟等。分钟和秒在每种情况下,输入的部分需要限制为最多 59 个(大概是使用正则表达式来过滤输入)。

我有点假设输入周围会有很多这样的例子,但我没有看到任何可以顺利工作的例子,例如,如果我从一个现有的值 '00:00:00' 开始。理想情况下,我希望它是纯 Javascript,而不是例如使用 jQuery,但任何能帮助我弄清楚我需要做什么的东西都是受欢迎的。

解决方法

html5 有一个选项使用输入类型时间。

如果你不想秒

<input type="time" id="appt" name="appt" min="09:00" max="18:00" required >

如果您还希望用户输入秒数

<input type="time" id="appt" name="appt" min="09:00:00" max="18:00:00" step=1 required >

希望这适合您的用户案例。

参考:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。