ต้องการให้คำนวณเวลาแบบ facebook จากการกรอก textbox 2 ตัว ไปแสดงใน textbox ตัวที่ 3

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ต้องการให้คำนวณเวลาแบบ facebook จากการกรอก textbox 2 ตัว ไปแสดงใน textbox ตัวที่ 3

ต้องการให้คำนวณเวลาแบบ facebook จากการกรอก textbox 2 ตัว ไปแสดงใน textbox ตัวที่ 3

รูปแบบการกรอก เช่น ช่องที่แรก 08:30 ช่องที่สอง 10:45 แสดงในช่องที่ 3 ว่า 2 ชั่วโมง 15 นาที

รบกวนชี้แนะด้วยครับ



Dumrongphans 223.204.249.xxx 05-07-2014 13:48:35

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
ลองใช้โค้ดนี้ไปประยุกต์

<div style="width:80%;margin:auto;">
  <input type="text" name="data_time1" id="data_time1" />
  <br />
  <input type="text" name="data_time2" id="data_time2" />
  <br />
  <input type="text" name="data_time3" id="data_time3" />
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>  
<script type="text/javascript">
var time_a="07:20";
var time_b="11:11";
$(function(){
	$("#data_time1").val(time_a);
	$("#data_time2").val(time_b);
	$("#data_time1").keyup(function(){
		time2diff($("#data_time1").val(),$("#data_time2").val());
	});
	$("#data_time2").keyup(function(){
		time2diff($("#data_time1").val(),$("#data_time2").val());
	});	
});
</script>
<script type="text/javascript">
function time2diff(time1,time2){
	var strTime2=("2014-01-01 "+time2+":00");
	var strTime1=("2014-01-01 "+time1+":00");	
	var myDate2=new Date(strTime2);
	var timeStamp2=myDate2.getTime();
	var myDate1=new Date(strTime1);
	var timeStamp1=myDate1.getTime();
	var timeDiff=(timeStamp2-timeStamp1)/1000;
	var minutesDiff=timeDiff/60;
	var minutesRemain=minutesDiff%60;
	var hoursDiff=(minutesDiff-minutesRemain)/60;	
	$("#data_time3").val(hoursDiff+" ชั่วโมง "+minutesRemain+" นาที");
	console.log(hoursDiff); // ชั่วโมงต่าง
	console.log(minutesRemain);	 // นาทีต่าง 
}
time2diff(time_a,time_b);
</script>


ตัวอย่าง





ดูเพิ่มเติม date object

ทบทวน วันที่ date object  ใน javascript  


ninenik 1.47.83.xxx 05-07-2014
 ความคิดเห็นที่ 2

ขอบคุณครับ แต่ยังสงสัยอีกหน่อย พอนำไปใช้แล้วทำไมยังขึ้น Nan ชั่วโมง Nan นาที ครับ



dumrongphans 223.204.248.xxx 06-07-2014 20:36
 ความคิดเห็นที่ 3
ลองตัด สองบรรทัดตรง console.log  ออกดู


ninenik 1.46.82.xxx 07-07-2014
 ความคิดเห็นที่ 4
รบกวนสอบถามครับผม  บน PC แสดงได้ปกติ แต่บนมือถือช่องผลลัพธ์ ขึ้น Nan เป็นเพราะอะไรเหรอครับผม


Image Elfza 171.96.209.xxx 13-03-2018 13:33
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ