用JavaScript計算小時數

Question

我需要在JavaScript中計算jam_keluar和jam_masuk之間的時間，以便lama_parkir像這樣：

lama_parkir = jam_keluar-jam_masuk // 4小時

 function hitunglamaparkir(){ var k = document.getElementById('jam_keluar').value; var m = document.getElementById('jam_masuk').value; var tentukan = (k - m); document.forms.formID.lama_parkir.value = tentukan; } 

 <form id="formID" name="form2" method="post" action="proses.php"> <tr> <td id="noborder">Jam Masuk</td> <td id="noborder">:</td> <td id="noborder"><input name="jam_masuk" type="text" id="jam_masuk" size="5" maxlength="15" value="10:30:00"/> </td> </tr> <tr> <td id="noborder">Jam Keluar</td> <td id="noborder">:</td> <td id="noborder"><input name="jam_keluar" type="text" id="jam_keluar" size="5" onkeyup="hitunglamaparkir(this.value,getElementById('jam_keluar').value);" value="14:30:00"/></td> </tr> <tr> <td id="noborder">Lama Parkir</td> <td id="noborder">:</td> <td id="noborder"><input name="lama_parkir" type="text" id="lama_parkir" size="5" maxlength="15" readonly="readonly"/></td> </form> 

Answer 1

該代碼段確定jam_keluar和jam_keluar之間的區別如下：

jam_keluar - jam_masuk = lama_parkir 。

因此我們可以確定：

1. 您的功能正常運行
2. 無需致電小計
3. 無需將lama_parkir設為可編輯狀態（將其設置為readonly ）

 function hitunglamaparkir(){ var k = document.getElementById('jam_keluar').value; var m = document.getElementById('jam_masuk').value; var tentukan = (k - m); document.forms.formID.lama_parkir.value = tentukan; } 

 <form id="formID" name="form2" method="post" action="proses.php"> <tr> <td id="noborder">Jam Masuk</td> <td id="noborder">:</td> <td id="noborder"><input name="jam_masuk" type="text" id="jam_masuk" size="5" maxlength="15" /> </td> </tr> <tr> <td id="noborder">Jam Keluar</td> <td id="noborder">:</td> <td id="noborder"><input name="jam_keluar" type="text" id="jam_keluar" size="5" onkeyup="hitunglamaparkir(this.value,getElementById('jam_keluar').value);"/></td> </tr> <tr> <td id="noborder">Lama Parkir</td> <td id="noborder">:</td> <td id="noborder"><input name="lama_parkir" type="text" id="lama_parkir" size="5" maxlength="15" readonly="readonly"/></td> </form>