不用应用额外引用组件,可以使用javascript常用函数库的 isduringdate 函数来实现。
begindatestr (开始时间), enddatestr(结束时间)
下面直接上代码,拷贝直接用。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试时间</title>
</head>
<body>
<div>hello</div>
</body>
<script type="text/javascript">
// 判断现在时间班次
var date = {
isDuringDate: function (beginDateStr, endDateStr) {
var curDate = new Date(),
beginDate = new Date(beginDateStr),
endDate = new Date(endDateStr);
if (curDate >= beginDate && curDate <= endDate) {
return true;
}
return false;
}
}
var myThisClasses = ""
if (date.isDuringDate('2022-06-01' + ' 00:00', '2022-06-01' + ' 09:00') == true){
myThisClasses = "早班"
console.log("是否在区间:"+ date.isDuringDate('2022-06-01' + ' 00:00', '2022-06-01' + ' 09:00') + ";班次:" + myThisClasses)
}else if (date.isDuringDate('2022-06-01' + ' 09:00', '2022-06-01' + ' 17:30') == true){
myThisClasses = "中班"
console.log("是否在区间:"+ date.isDuringDate('2022-06-01' + ' 09:00', '2022-06-01' + ' 17:30') + ";班次:" + myThisClasses)
}else if (date.isDuringDate('2022-06-01' + ' 17:30', '2022-06-01' + ' 00:00') == true){
myThisClasses = "晚班"
console.log("是否在区间:"+ date.isDuringDate('2022-06-01' + ' 17:30', '2022-06-01' + ' 00:00') + ";班次:" + myThisClasses)
}
</script>
</html>
需要的小伙伴直接拿去用吧。