1、js根据起始和截止时间和间隔时间 计算预约时间段
image
// 查询预约配置
getConfig(){
this.morningTimePeriodStart = "2022-07-06 9:00"
this.morningTimePeriodEnd = "2022-07-06 12:00"
this.step = "10"
this.afternoonPeriodStart = "9:00"
this.afternoonPeriodEnd = "12:00"
this.workDays = ["1", "2", "3", "4", "5", "6", "7"]
let arr=this.computeBtnTime(this.morningTimePeriodStart, this.morningTimePeriodEnd, this.step)
console.log(11222333, arr)
},
// 计算可选时段 **
computeBtnTime(startDate, endDate, space){ // space=分钟
// 输入两个时间startDate, endDate,还有时间间隔space(分钟)，返回两个时间之间每隔space的时间
// 如：startDate="2022-07-06 9:00"，endDate="2022-07-06 12:00"，space=30
const startTime = new Date(startDate).getTime() // 将开始时间 转换成时间戳
const endTime = new Date(endDate).getTime()
let n = 1
let step = 0
let date = null
let newStartTime = 0
let attrTime=[]
let time1=`${new Date(startDate).getHours()==0?'00':new Date(startDate).getHours()}:${new Date(startDate).getMinutes()==0?'00':new Date(startDate).getMinutes()}`
let time2=""
while(newStartTime < endTime ){
step = Number(space)* n * 60 *1000 // 将时间间隔转换为时间戳
date = new Date(startTime + step) // 计算新时间
newStartTime = new Date(startTime + step).getTime() // 新时间的时间戳
time2 = `${date.getHours()==0?'00':date.getHours()}:${date.getMinutes()==0?'00':date.getMinutes()}`
attrTime.push(`${time1}~${time2}`)
time1=time2
n++
}
return attrTime
},
2、
image.png
// 调用
this.morningArry = this.computeHour(morningTimePeriodStart, morningTimePeriodEnd, intervalPeriod)
// 计算方法
computeHour(time1, time2, interval){
// 输入两个时间time1和time2还有时间间隔interval(分钟)，返回time1和time2之间每隔interval的时间
// 时间格式为：HH:mm:ss
// 如：time1=09:00，time2=18:00，interval=30，则返回的时间为：09:00，09:30，10:00，10:30，……，18:00
function getTimeList(time1, time2, interval) { // time1, time2, interval
var timeList = [];
time1 = time1.split(':');
time2 = time2.split(':');
time1 = new Date(0, 0, 0, time1[0], time1[1], 0);
time2 = new Date(0, 0, 0, time2[0], time2[1], 0);
interval = interval * 60 * 1000;
while (time1 < time2) {
timeList.push(time1.format('hh:mm'));
time1 = new Date(time1.getTime() + interval);
}
// timeList.push(time2.format('hh:mm'));
return timeList;
}
Date.prototype.format = function(format) {
var date = {
"M+": this.getMonth() + 1,
"d+": this.getDate(),
"h+": this.getHours(),
"m+": this.getMinutes(),
"s+": this.getSeconds(),
"q+": Math.floor((this.getMonth() + 3) / 3),
"S": this.getMilliseconds()
}
if (/(y+)/.test(format)) format = format.replace(RegExp.$1,
(this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in date) if (new RegExp("(" + k + ")").test(format))
format = format.replace(RegExp.$1,
RegExp.$1.length == 1 ? date[k] :
("00" + date[k]).substr(("" + date[k]).length));
return format;
}
return getTimeList(time1, time2, interval)
},
image.png
image
