javascript - 如何强制秒数出现在 HTML5 "time"输入控件上？

Question

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

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

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

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

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

(顺便说一句，这是在 Google Chrome 中。)

Answer 1

设置step属性。

例如:<input id="settime" type="time" step="1" />

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

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

关于 step attribute 的注释:

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