<el-form-item class="form-item" label="开始时间:" prop="starttime" label-width="100px">//注意这里是是开始时间
<el-date-picker
v-model="form.starttime"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder
:picker-options="pickerOptionsEnd(form.starttime)" //此处把form.starttime(结束时间)传过去
/>
</el-form-item>
<el-form-item class="form-item" label="结束时间:" prop="endtime" label-width="100px">//这里是结束时间
<el-date-picker
v-model="form.endtime"
type="date"
format="yyyy-MM-dd"
value-format="yyyy-MM-dd"
placeholder
:picker-options="pickerOptionsEnd(form.starttime)"//此处把form.starttime(开始时间)传过去
/>
</el-form-item>
data:{
return(){
form: {
starttime: "",
endtime: "",
}
pickerOptionsStart(val) {
return {
disabledDate(time) {
return time.getTime() > new Date(val).getTime();
},
};
},
pickerOptionsEnd(val) {
return {
disabledDate(time) {
return time.getTime() < new Date(val).getTime();
},
};
},
}
}