用Javascript更新时间元素

Update Time Element with Javascript

本文关键字：元素 时间 更新 Javascript      更新时间：2023-09-26

我使用这个代码来显示两个字段。一个是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>
谁能指出我的错误?

提前感谢!

不能设置时间的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

相关文章：