2016-10-31 14 views
0

私は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分(*何時間私はクリック)

+1

あなたは何を期待していますか? これはページをリロードしないため、PHPスクリプトは再び実行されません。それはいつも同じ時間です。あなたはPHPから時間を得る必要がありますか? –

+0

PHPができることとJavascriptができることの間の線がぼやけています。 PHPは、ページが最初に読み込まれたときにのみ実行されます。あなたはあなたが望むだけ時間を要求することができます、それは常に同じ値になります。あなたはA)ライブアップデート中のJavascriptで時間を取得するか、B)時間を返すPHPスクリプトにAJAXリクエストを作成する必要があります。 – samiles

+0

時間はデータベースに保存され、php on pageを介してリストにロードされます。空白で始まるポップアップモーダルがありますが、ユーザが – Trekin

答えて

0

私の問題が見つかりました。 入力タイプ=時間は、先行するゼロで時間を待っています。私は

を使用していた - >フォーマット( 'G:I')

私は 'H' に 'G' を変更し、今では動作します。

-2

を示しています。

var Check_In = In + ':00'; 
+1

をクリックした時間を取得/入力する必要がありますが、これは質問に答えません。あなたは二番目を持つ必要はありません。 –

関連する問題