私は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分(*何時間私はクリック)
あなたは何を期待していますか? これはページをリロードしないため、PHPスクリプトは再び実行されません。それはいつも同じ時間です。あなたはPHPから時間を得る必要がありますか? –
PHPができることとJavascriptができることの間の線がぼやけています。 PHPは、ページが最初に読み込まれたときにのみ実行されます。あなたはあなたが望むだけ時間を要求することができます、それは常に同じ値になります。あなたはA)ライブアップデート中のJavascriptで時間を取得するか、B)時間を返すPHPスクリプトにAJAXリクエストを作成する必要があります。 – samiles
時間はデータベースに保存され、php on pageを介してリストにロードされます。空白で始まるポップアップモーダルがありますが、ユーザが – Trekin