html代码
<el-date-picker
v-model="startTime"
type="datetime"
size="small"
placeholder="请选择发送时间区间"
:picker-options="startDatePicker"
@change="changeStartTime"
>
</el-date-picker>
--
<el-date-picker
v-model="endTime"
type="datetime"
size="small"
placeholder="请选择发送时间区间"
:picker-options="endDatePicker"
@change="changeEndTime"
>
</el-date-picker>
js代码
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 {
}
},
};
},
}