<el-col :span="24">
<el-form-item label="租赁开始时间" prop="startTime">
<el-date-picker type="date" value-format="yyyy-MM-dd hh:mm:ss" placeholder="请选择租赁开始时间"
v-model="form.startTime" style="width: 100%;" @blur="startTimeChange"
></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="租赁结束时间" prop="endTime">
<el-date-picker type="date" value-format="yyyy-MM-dd hh:mm:ss" placeholder="请选择租赁结束时间"
v-model="form.endTime" style="width: 100%;"
:picker-options="pickerOptions0"></el-date-picker>
</el-form-item>
</el-col>
两个el-date-picker一个代表租赁开始时间一个代表租赁结束时间,要求租赁结束时间不能遭遇开始时间且可以等于开始时间当天。
给第二个el-date-picker添加:picker-options限制条件
data(){
return{
pickerOptions0: {
disabledDate: time => {
let date = new Date(this.form.startTime);
return (
new Date(time).getTime() < date.setDate(date.getDate() - 1)
);
}
},
}
}