getTime() 返回距 1970 年 1 月 1 日之間的毫秒數
new Date(dateString) 定義 Date 對象的一種方式
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script> <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script> <link rel="stylesheet" href="My97DatePicker/skin/WdatePicker.css" /> <title></title> <script type="text/javascript"> var timeStr = ""; //轉換后的時間字符串 var secondTime = ""; //時間差的秒數 var minuteTime = ""; //時間差的分鍾數 var hourTime = ""; //時間差的小時數 $(function() { $("#btn").click(function() { var startTime = $("#startTime").val(); if(startTime == "") { $("#errormsg").html("<p>開始時間不能為空!<p>"); return; } var endTime = $("#endTime").val(); if(endTime == "") { $("#errormsg").html("<p>結束時間不能為空!<p>"); return; } $("#errormsg").hide(); //隱藏div var st = new Date(startTime); var et = new Date(endTime); if(st > et) { alert("結束時間必須大於開始時間!"); return; } var endMilliseconds = et.getTime(); var startMilliseconds = st.getTime(); secondTime = (endMilliseconds - startMilliseconds) / 1000 //如果秒數大於60,將秒數轉換成整數 if(secondTime > 60) { //獲取分鍾,除以60取整數,得到整數分鍾 minuteTime = parseInt(secondTime / 60); //獲取秒數,秒數取佘,得到整數秒數 secondTime = parseInt(secondTime % 60); //如果分鍾大於60,將分鍾轉換成小時 if(minuteTime > 60) { //獲取小時,獲取分鍾除以60,得到整數小時 hourTime = parseInt(minuteTime / 60); //獲取小時后取佘的分,獲取分鍾除以60取佘的分 minuteTime = parseInt(minuteTime % 60); timeStr = hourTime + "小時" + minuteTime + "分" + secondTime + "秒"; } else { timeStr = minuteTime + "分" + secondTime + "秒"; } } else { timeStr = secondTime + "秒"; //賦值持續時間 } $("#errormsg").html("時間差為:"+timeStr); $("#errormsg").show(); //顯示div }) }) </script> </head> <body> <span>開始時間:</span><input id="startTime" class="Wdate" type="text" onclick="WdatePicker({isShowClear:false,readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss'})" /><br /><br /> <span>結束時間:</span><input id="endTime" class="Wdate" type="text" onclick="WdatePicker({isShowClear:false,readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss'})" /><br /><br /> <button id="btn">點擊確定</button> <div id="errormsg" style="color: red;"></div> </body> </html>