Question

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

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

它会显示一个时间控件，上面写着“13:24:59”，我可以改变一切。但如果我这样做：

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

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

（顺便说一句，这是谷歌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">

如何强制秒在HTML5“时间”输入控件上显示？

1 个答案: