47

当我使用 JavaScript 设置 HTML5“时间”对象的值时，如下所示：

document.getElementById("settime").value = "13:24:59";

它将显示一个带有“13:24:59”的时间控件，我可以更改所有内容。但如果我这样做：

document.getElementById("settime").value = "13:25:00";

它隐藏了秒，只显示“13:25”而没有秒。在这种情况下如何强制“00”秒出现？

（顺便说一句，这是在谷歌浏览器中。）

4

2 回答 2

128

设置step属性。

前任：<input id="settime" type="time" step="1" />

document.getElementById("settime").value = "13:24:00";
<input id="settime" type="time" step="1" />

关于step 属性的注释：

step 属性可以与数字输入值一起使用，以指示您可以输入的值的粒度。例如，您可能希望用户输入特定时间，但只能以 30 分钟为增量。在这种情况下，我们可以使用 step 属性，记住对于时间输入，属性的值以秒为单位。例如，30 分钟的增量将具有 1800 的步长值。<input type="time" step="1800">

于 2013-01-23T19:24:39.137 回答
0

Step=1 不适用于 chrome/iOS

于 2022-02-02T20:56:43.917 回答