HTML 输入时间,但没有小时滚动



我正在寻找一个HTML元素,它存储时间,但不存储一天中的时间,只是小时:分钟:秒。 因此,如果某件事花了 40 小时 10 分钟,我希望能够输入 40:10:00。我尝试在我的 html 中使用输入时间元素,如下所示,但它作为时钟运行,只允许您输入一天中的时间(在 12 小时滚动、AM/PM 标签等(。 有没有我可以为此使用的元素? 或者是否可以调整输入/时间属性,使其以这种方式运行(查看属性我不这么认为;有一个最大设置,但它对我不起作用(?

或者,我计划使用三个具有最大/最小设置的输入数字字段来模拟这个想法,但这显然更难处理。 如果有更好的解决方案,请告诉我。 谢谢。

<!DOCTYPE html>
<html>
<body>
<input type="time" id="myTime" value="22:15:00">
</body>
</html>

你需要的是时间输入掩码/验证

看看这是一个Jquery插件

下载它

亚历克斯时间插件

并将其添加到您的 HTML 中

<script src="alex-date-time.js"></script>

通过在输入元素上调用.typeATime()来使用它

$("#time").typeATime();

例: https://codepen.io/alexousy/pen/QKNzdY

这个输入类型时间怎么样,使用最小值和最大值?

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

最新更新