Question

我正在尝试使用onClick来更新输入类型=“时间”字段，并在td中列出时间。我正在使用，

document.getElementById("modal-checkin").value = Check_In;

我在http://www.w3schools.com/jsref/prop_input_time_value.asp上找到了一个示例，但它没有更新该字段。有人能告诉我我错过了什么/做错了吗？

这是我用来传递时间变量的相关代码。我使用php从我的数据库中抽取时间然后我（尝试）使用javascript将用户选择的时间放入弹出模式中。

<?php
$In = $row['CheckIn']->format('g:i');
print '<td data-toggle="modal" data-target="#myModal"  onClick="TimeAdjustFunction(\'   '.$In.'   \')" >';
?>

<div class="modal-table-Bottom">
    <div>Check In</div><div><input type="time"  id="modal-checkin" /></div>
</div>

<script>
function TimeAdjustFunction(In){
var Check_In = In;
console.log(Check_In);
document.getElementById("modal-checkin").value = Check_In;
}
</script>

console.log显示8:45（无论我点击什么时间）

Answer 1

发现我的问题。 input type = time期望前导零的时间。我正在使用

- ＆GT;格式（＆＃39; G：我＆＃39）

我改变了＆＃39;＆＃39;到了＆＃39; h＆＃39;现在它有效。

Answer 2

您需要添加秒数。

var Check_In = In + ':00';

更新输入类型=“时间”不起作用

2 个答案: