使用 Javascript 更新时间元素

Question

我正在使用这段代码来显示两个字段。一个是type=time，另一个是type=text.

使用按钮和 javascript 代码，我正在尝试更新字段中的值。

它非常适合文本字段，但我一辈子都无法让它在时间字段上工作。

<html>
<body>

<input type="button" name="now" value="in" onclick="settime();" />
<input type="time" step=1 size=10 id="timein" name="timein">

<br /><br />

<input type="button" name="now" value="in" onclick="settext();" />
<input type="text" size=10 id="timetext" name="timetext">

<script>

function settime(){
    document.getElementById("timein").value = "10:13:43 AM";
}

function settext(){
    document.getElementById("timetext").value = "10:13:43 AM";
}

</script>

</body>
</html>

谁能指出我的错误？

提前致谢！

Answer 1

AM/PM部分时间不能设置。而是使用 24 小时格式来指定。

function settime(){
    document.getElementById("timein").value = "10:13:43";
    console.log(document.getElementById("timein"))
}

在此处查看输入时间值的工作原理：http://www.w3schools.com/jsref/prop_input_time_value.asp

使用 Javascript 更新时间元素

Update Time Element with Javascript

javascript

time