 |
จะ Select listbox คำนวนเวลา อัตโนมัติ คำนวนได้เเล้วแต่อยากเก็บค่าลงData Base |
|
 |
|
|
 |
 |
|
อันเก่าผมเก็บเป็นแบบนี้ครับโดยคลิกเลือกเองครับ 555555+ 
ไม่เเน่ใจว่าจะไปต่อเเบบไหนครับ ที่ เลือก เวลาเริ่ิมต้น เวลาสิ้นสุด โชว์ผลรวมอัตโนมัติ ครับ ขอคำชี้แนะหน่อยครับ มือใหม่หัดขับครับ
<select name="TStime" class="form-control" id="txt1"style="width:75px;"/>
<option selected="selected" ></option>
<option value="07:00:00">07:00</option>
<option value="07:30:00">07:30</option>
<option value="08:00:00">08:00</option>
<option value="08:30:00">08:30</option>
<option value="09:00:00">09:00</option>
<option value="09:30:00">09:30</option>
<option value="10:00:00">10:00</option>
<option value="10:30:00">10:30</option>
<option value="11:00:00">11:00</option>
<option value="11:30:00">11:30</option>
<option value="12:00:00">12:00</option>
<option value="13:00:00">13:00</option>
<option value="13:30:00">13:30</option>
<option value="14:00:00">14:00</option>
<option value="14:30:00">14:30</option>
<option value="15:00:00">15:00</option>
<option value="15:30:00">15:30</option>
<option value="16:00:00">16:00</option>
<option value="16:30:00">16:30</option>
<option value="17:00:00">17:00</option>
<option value="17:30:00">17:30</option>
<option value="18:00:00">18:00</option>
</select>
<span style="color:#FF0000">เวลาสิ้นสุด</span>
<select name="TEtime" class="form-control" id="txt2"style="width:75px;" / >
<option selected="selected"></option>
<option value="07:00:00">07:00</option>
<option value="07:30:00">07:30</option>
<option value="08:00:00">08:00</option>
<option value="08:30:00">08:30</option>
<option value="09:00:00">09:00</option>
<option value="09:30:00">09:30</option>
<option value="10:00:00">10:00</option>
<option value="10:30:00">10:30</option>
<option value="11:00:00">11:00</option>
<option value="11:30:00">11:30</option>
<option value="12:00:00">12:00</option>
<option value="13:00:00">13:00</option>
<option value="13:30:00">13:30</option>
<option value="14:00:00">14:00</option>
<option value="14:30:00">14:30</option>
<option value="15:00:00">15:00</option>
<option value="15:30:00">15:30</option>
<option value="16:00:00">16:00</option>
<option value="16:30:00">16:30</option>
<option value="17:00:00">17:00</option>
<option value="17:30:00">17:30</option>
<option value="18:00:00">18:00</option>
</select>
<select name="TCount_time" class="form-control" id="txt3"style="width:150px;" / >
<option selected="selected"></option>
<option value="0.5">30นาที</option>
<option value="1.0">1 ชั่วโมง</option>
<option value="1.5">1 ชั่วโมง 30 นาที</option>
<option value="2.0">2 ชั่วโมง</option>
<option value="2.5">2 ชั่วโมง 30 นาที</option>
<option value="3.0">3 ชั่วโมง</option>
<option value="3.5">3 ชั่วโมง 30 นาที</option>
<option value="4.0">4 ชั่วโมง</option>
<option value="4.5">4 ชั่วโมง 30 นาที</option>
<option value="5.0">5 ชั่วโมง</option>
<option value="5.5">5 ชั่วโมง 30 นาที</option>
<option value="6.0">6 ชั่วโมง</option>
<option value="6.5">6 ชั่วโมง 30 นาที</option>
<option value="7.0">7 ชั่วโมง</option>
<option value="7.5">7 ชั่วโมง 30 นาที</option>
</select>
|
ประวัติการแก้ไข 2018-10-10 09:55:11 2018-10-10 09:57:45 2018-10-10 10:25:11
 |
 |
 |
 |
Date :
2018-10-10 09:54:44 |
By :
pannawitaim |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
jquery
<script>
$(document).ready(function() {
$('#txt2').bind('change keypress keyup blur', function() {
var Time1= $("#txt1").val();
var Time2= $("#txt2").val();
start = Time1.split(":");
end = Time2.split(":")
var startTime = new Date(0, 0, 0, start[0], start[1], 0);
var endTime = new Date(0, 0, 0, end[0], end[1], 0);
var diff_time = endDate.getTime() - startDate.getTime();
var hours = diff_time /(1000 * 60 * 60);
console.log(hours );//ได้ค่าเป็น ชม. ไปต่อเอาเอง
});
});
</script>
|
 |
 |
 |
 |
Date :
2018-10-11 10:25:32 |
By :
apisitp |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ขอบคุณครับ  
|
 |
 |
 |
 |
Date :
2018-10-11 14:05:37 |
By :
pannawitaim |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ถามต่อหน่อยครับ
สมมุติเวลาพัก 12.00-13.00
ถ้า en มากกว่าเท่ากับ 13:00 และ stน้อยกว่าเท่ากับ 12:00 ให้ value ลบ1ชม.
จะเขียนประมาณไหนครับ
Code (Java)
<script>
$(document).ready(function(){
$('#txt1,#txt2').on('change',function(){
var time_in = $('#txt1 option:selected').text();
var time_out = $('#txt2 option:selected').text();
var st = new Date("01/01/2000 "+time_in);
var en = new Date("01/01/2000 "+time_out);
//if(parseInt(en.getTime()) < parseInt(st.getTime())){
//alert('เวลาออกน้อยกว่าเข้าครับ');
//return false;
// }
var result = parseInt(((en.getTime() - st.getTime()))/1000); // in second
var sec = result % 60; result = Math.floor( result / 60);
var m = result % 60; result = Math.floor( result / 60);
var h = result % 24;
var value = ('0'+h).slice(-2)+':'+('0'+m).slice(-2)+':'+('0'+sec).slice(-2);
$('#time_diff').val(value);
})
});
</script>
|
 |
 |
 |
 |
Date :
2018-10-19 13:25:26 |
By :
pannawitaim |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ขอบคุณครับ
Code (Java)
<script>
$(document).ready(function(){
$('#txt1,#txt2').on('change',function(){
var time_in = $('#txt1 option:selected').text();
var time_out = $('#txt2 option:selected').text();
var st = new Date("01/01/2000 "+time_in);
var en = new Date("01/01/2000 "+time_out);
//if(parseInt(en.getTime()) < parseInt(st.getTime())){
//alert('เวลาออกน้อยกว่าเข้าครับ');
//return false;
// }
var result = parseInt(((en.getTime() - st.getTime()))/1000); // in second
var sec = result % 60; result = Math.floor( result / 60);
var m = result % 60; result = Math.floor( result / 60);
var h = result % 24;
if (h>=5 )
h-=1;
var value = ('0'+h).slice(-2)+':'+('0'+m).slice(-2)+':'+('0'+sec).slice(-2);
$('#time_diff').val(value);
})
});
</script>
|
 |
 |
 |
 |
Date :
2018-10-22 10:36:27 |
By :
pannawitaim |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|