<el-form-item label="请假起始时间">
<el-date-picker
v-model="form.aklStart"
type="datetime"
placeholder="开始日期"
:picker-options="pickerOptions0"
>
</el-date-picker>
</el-form-item>
<el-form-item label="请假截止时间">
<el-date-picker
v-model="form.aklEnd"
type="datetime"
placeholder="结束日期"
:picker-options="pickerOptions1"
>
</el-date-picker>
</el-form-item>
//放在data中
//本案例
//开始时间只能选择大于等于当天时间
//结束时间只能选择大于等于开始时间
pickerOptions0: {
disabledDate: (time) => {
//true代表不能选择 false代表能选择
return time.getTime() < Date.now();
},
},
pickerOptions1: {
disabledDate: (time) => {
return (
time.getTime() <
new Date(this.form.aklStart).getTime() - 1 * 24 * 60 * 60 * 1000
); //减去一天的时间代表可以选择同一天;
},
},