element中el-date-picker

:picker-options="pickerDeadline">

:picker-options="pickerBeginDateBefore"
@change="changeTime">



--


:picker-options="pickerBeginDateAfter">

export default {

data() {

return {

//截止时间
pickerDeadline: {
disabledDate: (time) => {
let beginDateVal = this.addForm.beginTime;
if (beginDateVal) {
return time.getTime() > beginDateVal || time.getTime() < Date.now();
} else {
return time.getTime() < Date.now();
}
},
},

//开始时间
pickerBeginDateBefore: {
disabledDate: (time) => {
let endDateVal = this.addForm.endTime;
let deadline = this.addForm.deadline;
if (endDateVal) {
return time.getTime() > endDateVal;
} else {
return time.getTime() < deadline;
}

}
},
// 结束时间
pickerBeginDateAfter: {
disabledDate: (time) => {
let beginDateVal = this.addForm.beginTime;
if (beginDateVal) {
return time.getTime() < beginDateVal;
}
}
},

}

}

}，

methods: {

changeTime(date) {
this.pickerBeginDateAfter = {
disabledDate(time) { //开始时间-结束时间
return (time.getTime() < new Date(date).getTime());
}
}
},

}

实现活动结束时间不能小于开始时间，报名截止时间不能小于当前时间 不能大于活动开始时间