<el-form ref="form" :model="form" label-width="80px" :rules="rules">
<el-form-item label="选择日期">
<el-form-item prop="taskStarttime" class="el-col-11 mr20" >
<el-date-picker type="date" placeholder="开始时间" v-model="form.taskStarttime" format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd" style="width: 100%;" :picker-options='pickerOptionsStart' ></el-date-picker>
</el-form-item>
<el-form-item prop="taskEndtime" class='el-col-11'>
<el-date-picker type="date"placeholder="结束时间" v-model="form.taskEndtime" format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd" style="width: 100%;" :picker-options='pickerOptionsEnd' ></el-date-picker>
</el-form-item>
</el-form-item>
</el-form>
在data中定义:
form: {
taskStarttime: '', //开始时间
taskEndtime: '', //结束时间
},
pickerOptionsStart :{
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7
}
},
pickerOptionsEnd :{
disabledDate: time => {
let beginDateVal = this.form.taskStarttime;
if (beginDateVal) {
return (
time.getTime() < new Date(beginDateVal).getTime() - 8.64e7
);
}
},
},