<el-row type="flex">
<el-col :span="20">
<el-form-item label="开始日期" prop="startDate">
<el-date-picker v-model="form.startDate" value-format="yyyy-MM-dd" :picker-options="startTime" type="date" placeholder="选择日期" style="width:410px">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="20">
<el-form-item label="截止日期" prop="endDate">
<el-date-picker v-model="form.endDate" value-format="yyyy-MM-dd" :picker-options="endTime" type="date" placeholder="选择日期" style="width:410px">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
data() {
return {
form: {
startDate: '',
endDate:'' ,
},
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()
);
}
}
}
}
},
简单写法