elementui日期选择器设置开始时间不能大于结束时间
<el-form-item label="开始时间:" prop="date">
<el-date-picker
v-model="form.date"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择开始时间"
:picker-options="pickerOptionsStart"
>
</el-date-picker>
</el-form-item>
<el-form-item label="结束时间:" prop="enddate">
<el-date-picker
v-model="form.enddate"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择结束时间"
:picker-options="pickerOptionsEnd"
>
</el-date-picker>
</el-form-item>
data() {
return {
// 开始结束日期限制
pickerOptionsStart: {
disabledDate: (time) => {
if (this.form.enddate) {
return time.getTime() >= new Date(this.form.enddate).getTime();
}
},
},
// 结束日期限制
pickerOptionsEnd: {
disabledDate: (time) => {
if (this.form.date) {
return time.getTime() <= new Date(this.form.date).getTime();
}
},
},
}
}