设置结束日期大于开始日期:设置 picker-options的disabledDate;
设置结束时间大于开始时间:设置 picker-options的selectableRange;
可以直接现在行内,也可以以变量的形式返回。
具体如下图:
开始日期和时间:
结束日期和时间:
结束日期大于开始日期具体代码(在data中定义变量形式返回):
//开始日期:
beginDate(){
const self = this
return {
disabledDate(time){
if (self.commonForm.endDate1) { //如果结束时间不为空,则小于结束时间
return new Date(self.commonForm.endDate1).getTime() < time.getTime()
} else {
// return time.getTime() > Date.now()//开始时间不选时,结束时间最大值小于等于当天
}
}
}
},
//结束日期:
processDate() {
const self = this
return {
disabledDate(time) {
if (self.commonForm.startDate1) { //如果开始时间不为空,则结束时间大于开始时间
return new Date(self.commonForm.startDate1).getTime() > time.getTime()
} else {
// return time.getTime() > Date.now()//开始时间不选时,结束时间最大值小于等于当天
}
}
}
},