elementui 中 日期时间插件 结束时间大于开始时间

Posted 2021-01-26 chengyihardworking

界面代码：

<el-col :span="8">

<el-form-item label="开始日期" class="form-row-space">

<el-date-picker :picker-options="pickerOptionsStart" v-model="editDeviceGroup.start_date" type="date" placeholder="选择日期时间"></el-date-picker>

</el-form-item>

</el-col>

<el-col :span="8">

<el-form-item label="结束日期" class="form-row-space">

<el-date-picker :picker-options="pickerOptionsEnd" v-model="editDeviceGroup.end_date" type="date" placeholder="选择日期时间"></el-date-picker>

</el-form-item>

</el-col>

前端代码：

return {

pickerOptionsStart: {

disabledDate: time => {

let endDateVal = this.editDeviceGroup.end_date;

if (endDateVal) {

return time.getTime() > new Date(endDateVal).getTime();

}

}

},

pickerOptionsEnd: {

disabledDate: time => {

let beginDateVal = this.editDeviceGroup.start_date;

if (beginDateVal) {

return (

time.getTime() <

new Date(beginDateVal).getTime() - (1 * 24 * 60 * 60 * 1000)+1

);

}

}

},

}