PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

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

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

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

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



โดย:  Dumrongphans IP: 223.204.249.xxx วันที่: 05-07-2014 เวลา: 13:48:35

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 3
ลองตัด สองบรรทัดตรง console.log  ออกดู

โดย:  Ninenik IP: 1.46.82.xxx วันที่: 07-07-2014
 ความคิดเห็นที่ 2

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



โดย:  Dumrongphans IP: 223.204.248.xxx วันที่: 06-07-2014 เวลา: 20:36:42
 ความคิดเห็นที่ 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  
http://www.ninenik.com/content.php?arti_id=293 via @ninenik


โดย:  Ninenik IP: 1.47.83.xxx วันที่: 05-07-2014