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

我试图使用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（*我点击任何时间）

来源

2016-10-31 Trekin

你期望什么？它不会重新加载页面，因此php脚本不会再次执行。所以它总是在同一时间。你需要从Php获得时间吗？ –

您正在模糊PHP可以做什么和Javascript可以做什么之间的界限。 PHP只在第一次加载页面时运行。您可以尽可能多地请求时间，它始终是相同的值。你应该：A）用Javascript进行实时更新，或者B）向PHP脚本发出一个AJAX请求，返回时间。 – samiles

时间存储在数据库中，并通过页面上的php加载到列表中。有一个弹出式模式开始空白，但需要填写用户点击 – Trekin

发现我的问题。输入类型=时间期望前导零的时间。我用

- >格式（ 'G：I'）

我改变了 'G' 到 'H'，现在它的工作原理。

来源

2016-10-31 18:44:16 Trekin

-2

您需要添加秒。

var Check_In = In + ':00';

来源

2016-10-31 15:01:22

的时间，但这不能回答问题。你不需要有第二个。 –

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

回答

相关问题