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

标签 javascript html time

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

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

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

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

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

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

最佳答案

设置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">

关于javascript - 如何强制秒数出现在 HTML5 "time"输入控件上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14487621/

相关文章:

javascript - 没有大括号的 JavaScript 中的 Lambda 函数语法

javascript - Dom 操作不起作用

javascript - document.registerElement() 有什么优势?

javascript - Jquery 附加下拉数据不正确

java - 将数据库时间转换为 IST 日期时间

显示 "time ago dates"的 SQL 查询,例如 “one week ago”、 “two weeks ago”、 “one month ago”、 “one year ago” 等

javascript - 尝试使用 Angular.js 设置默认背景图片

javascript - Sencha Touch 2 - 在 MVC 中添加监听器的正确方法?

html - 将图标放在 H1 左侧

java - 如何衡量时间成本?