设置结束时间不能早于开始时间,开始时间不能晚于结束时间
html里面:
<el-form-item label="发布时间:">
<div class="form_item form_content">
<div>
<el-date-picker style="width:180px;" v-model="timerStart" :picker-options="pickerOptionsStart" type="date" placeholder="开始日期"></el-date-picker>
</div>
<div style="margin:0 15px;">-</div>
<div>
<el-date-picker style="width:180px;" v-model="timerEnd" :picker-options="pickerOptionsEnd" type="date" placeholder="结束日期"></el-date-picker>
</div>
</div>
</el-form-item>
js里面
<script>
export default {
data() {
return {
timerStart: "",
timerEnd: "",
pickerOptionsStart: {
disabledDate: time => {
const endDateVal = new Date(this.timerEnd).getTime();
if (endDateVal) {
return time.getTime() > endDateVal + 1;
}
}
},
pickerOptionsEnd: {
disabledDate: time => {
const beginDateVal = new Date(this.timerStart).getTime();
if (beginDateVal) {
return time.getTime() < beginDateVal + 1;
}
}
}
};
}
}
},
</script>
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/9644b91c0d35b556294cbdd7098893cf.jpeg)