el-date-picker实现开始时间小于结束时间
<template>
<div>
<el-form>
<el-form-item>
<el-date-picker
v-model="startTime"
type="datetime"
size="small"
placeholder="请选择发送时间区间"
:picker-options="startDatePicker"
>
</el-date-picker>
<span>--</span>
<el-date-picker
v-model="endTime"
type="datetime"
size="small"
placeholder="请选择发送时间区间"
:picker-options="endDatePicker"
>
</el-date-picker>
</el-form-item>
<el-item>
</div>
</template>
export default{
data() {
return {
startTime: "",
endTime: "",
startDatePicker: this.beginDate(),
endDatePicker: this.processDate(),
};
},
methods:{
beginDate() {
const self = this;
return {
disabledDate(time) {
if (self.endTime) {
return new Date(self.endTime).getTime() < time.getTime();
} else {
}
},
};
},
processDate() {
const self = this;
return {
disabledDate(time) {
if (self.startTime) {
return new Date(self.startTime).getTime() > time.getTime();
} else {
}
},
};
},
}
}