两个日期控件:
<el-date-picker v-model="model.startTime" clearable value-format="yyyy-MM-dd" type="date" placeholder="选择日期" :picker-options="startTime1">
</el-date-picker>
<span>—</span>
<el-date-picker v-model="model.endTime" clearable value-format="yyyy-MM-dd" type="date" placeholder="选择日期" :picker-options="endTime1">
</el-date-picker>
javascript代码
model:{
startTime : '',
endTime : '',
}
startTime1: {
//禁用的日期
disabledDate: time => {
//如果已经已知结束日期,就把结束日期之后的日期禁用
if (this.model.endTime) {
return (
time.getTime() > new Date(this.model.endTime).getTime()
);
} else { //否则 就把当前日期之后的日期禁用掉
return time.getTime() > Date.now();
}
}
},
endTime1: {
disabledDate: time => {
//如果已知开始日期,就把开始日期之前的日期禁用掉
if (this.model.startTime) {
return (
time.getTime() < new Date(this.model.startTime).getTime()
);
}
}
}