
💻พัฒนาเว็บเพจ ตอนที่ 24 - HTML5 & JS Find Difference Value Day/Hour
#Zentref #IkaPayabaht #html5 #css #javascript
คำสั่งที่ใช้หาผลต่างวันเวลากี่วันกี่ชั่วโมงในคลิปนี้
function aa(){
//เรียกใช้งานตัว input ประเภท date อ้างอิงจาก id ของ input
var a = document.getElementById("num1").value;
var b = document.getElementById("num2").value;
// สร้าง object date
var s = new Date(a);
var t = new Date(b);
// สูตรคำนวณหาจำนวนกี่วัน
var u = (t.getTime()-s.getTime())/1000;
var v = Math.floor(u/86400);
// แสดงค่าใน input id ชื่อ num3
document.getElementById('num3').value = v;
}
function CheckTime(){
//เรียกใช้งานตัว input ประเภท datetime อ้างอิงจาก id ของ input
datetime1 = document.getElementById('text1').value;
datetime2 = document.getElementById('text2').value;
// สร้าง object date
var startDate = new Date(datetime1);
var endDate = new Date(datetime2);
// สูตรคำนวณหาจำนวนกี่ชม.
var seconds = (endDate.getTime() - startDate.getTime()) / 1000;
var days = Math.floor(seconds / (3600*24));
var hrs_d = Math.floor((seconds - (days * (3600*24))) / 3600);
var hrs = Math.floor(seconds / 3600);
// แสดงค่าใน input id ชื่อ total
document.getElementById('total').value = hrs_d;
}