更新輸入類型=「時間」不起作用

我試圖使用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

的時間，但這不能回答問題。你不需要有第二個。 –

更新輸入類型=「時間」不起作用

回答

相關問題