一、实例图片
- 计算时间间隔:2023-02-01 08:00:00——2023-02-01 20:00:00
- 计算时间间隔:2023-01-21 ——2023-02-01
二、代码
其中引用的jquery.js文件请自行百度下载。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="jquery.js"></script>
</head>
<body>
<main class="main">
<!--身体-->
<section class="section">
<div class="news_check">
<div class="check_left l_left">
<label>时间段：</label>
<!--value获取当天时间-->
<input type="datetime" value="starttime" id="S">
<input type="datetime" value="endtime" id="E">
<input id="btnSubmit" type="button" value="计算" />
<script>
function GetTime() {
//----获取当前时间
var datetime = new Date();
var year = datetime.getFullYear();
var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
var starttime = year + "-" + month + "-" + date + " 08:00:00";
var endtime = year + "-" + month + "-" + date + " 20:00:00";
document.getElementById('S').value = starttime;
document.getElementById('E').value = endtime;
}
GetTime();
$('#btnSubmit').click(function () {
var S = $('#S').val();
var E = $('#E').val();
var dffi = GetDateDiff(S, E);
if (dffi>15) {
alert("时间超过15天！" );
}
else {
alert("时间间隔为：" + dffi);
}
})
//Js 时间间隔计算(间隔天数)
function GetDateDiff(startDate, endDate) {
var startTime = new Date(Date.parse(startDate.replace(/-/g, "/"))).getTime();
var endTime = new Date(Date.parse(endDate.replace(/-/g, "/"))).getTime();
var dates = Math.abs((startTime - endTime)) / (1000 * 60 * 60 * 24);
return dates;
}
</script>
</div>
</div>
</section>
</main>
</body>
</html>关键代码：Js 时间间隔计算(间隔天数)
function GetDateDiff(startDate,endDate)
{
var startTime = new Date(Date.parse(startDate.replace(/-/g, "/" ))).getTime();
var endTime = new Date(Date.parse(endDate.replace(/-/g, "/" ))).getTime();
var dates = Math.abs((startTime - endTime))/(1000*60*60*24);
return dates;
}