老規矩,先看效果圖
比如我們上午9點到12點半,下午2點到6點半算工時。那麼我們早晨9點商標,下午6點半下班,就應該算一個完整的工作日,8個工時。再如下圖,就應該是15個工時,1天7小時。
還可以跨月計算
下面就把完整的js代碼貼出來給大家
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>計算時長</title>
</head>
<body>
<script>
/*
* 0-15分不算工時
* 15-45算半個小時
* 45-60算一個小時
* */
function carryTime(date) {
if (date.getMinutes() > 0 && date.getMinutes() < 15) {
date.setMinutes(0);
}
if (date.getMinutes() >= 15 && date.getMinutes() < 30) {
date.setMinutes(30);
}
if (date.getMinutes() > 30 && date.getMinutes() < 45) {
date.setMinutes(30);
}
if (date.getMinutes() >= 45) {
date.setHours(date.getHours() + 1);
date.setMinutes(0);
}
return date;
}
let number = DateDiffNoWeekDay(new Date("2020-02-25 09:00"), new Date("2020-03-26 17:30"));
console.log("總小時數", number);
function DateDiffNoWeekDay(startTime, endTime) {
if (startTime >= endTime) return 0;
//1,分鐘取整
startTime = carryTime(startTime);
endTime = carryTime(endTime);
//2,計算總天數
var totalTime = 0;//工時,天數
if (startTime.getDay() == 6 || startTime.getDay() == 0) {
totalTime = endTime.getDate() - startTime.getDate();
} else {
totalTime = Math.floor(((endTime - startTime) / (3600 * 1000)) / 24);
}
//3,拿初始值賦值給一個臨時變量
var tempStartTime = new Date();
tempStartTime.setTime(startTime.getTime());
//4,計算出總天數
while (tempStartTime.getDate() < endTime.getDate()) {
if (tempStartTime.getDay() == 6 || tempStartTime.getDay() == 0) {//週六或者週日減去
totalTime--;
}
tempStartTime.setDate(tempStartTime.getDate() + 1);
}
//5,計算出總小時數
var temp = 0;//工時,小時
do {
if (startTime.getDay() == 6 || startTime.getDay() == 0) {//週六週日
startTime.setDate(startTime.getDate() + 1);
//*********週六週日直接跳過,初始化爲早晨9點
startTime.setHours(9);
startTime.setMinutes(0);
continue;
}
let tempMinutes = startTime.getHours() * 60 + startTime.getMinutes();
//上午9點到12點半,算工時
if (tempMinutes >= 9 * 60 && tempMinutes < (12 * 60 + 30)) {
temp += 0.05;
}
//上午14點到18點半,算工時
if (tempMinutes >= 14 * 60 && tempMinutes < (18 * 60 + 30)) {
temp += 0.05;
}
startTime.setTime(startTime.getTime() + 0.5 * 3600 * 1000);//每次增加半個小時
} while (startTime.getHours() * 60 + startTime.getMinutes() != endTime.getHours() * 60 + endTime.getMinutes())
{
totalTime += Math.floor(temp / 0.8);
totalTime += temp % 0.8;
totalTime = Math.round(totalTime * 100) / 100
}
var days = Math.floor(totalTime);
var hours = Math.round((totalTime - days) * 100) / 10;
console.log(days + '天', hours + '小時');
return days * 8 + hours;
}
</script>
</body>
</html>
代碼裏註釋很詳細了,這裏就不在做講解了,後面我會更新更多js相關的實用知識出來,敬請關注。