elementUi日期选择器开始时间至结束时间限制

开始时间不能大于结束时间；结束时间不能小于开始时间

<el-date-picker v-model="startTime" size="small" style="width:200px" :picker-options="pickerBeginDate" type="date" clearable placeholder="开始时间" format="yyyy年MM月dd日" value-format="yyyy-MM-dd"></el-date-picker><el-date-pickerv-model="endTime" size="small" style="width:200px" type="date" :picker-options="pickerEndDate" clearable placeholder="结束时间" format="yyyy年MM月dd日" value-format="yyyy-MM-dd"></el-date-picker>

export default {data () {return {// 开始结束日期限制pickerBeginDate: {disabledDate: (time) => {if (this.endTime) {return (time.getTime() >= new Date(this.endTime).getTime());}}},// 结束日期限制pickerEndDate: {disabledDate: (time) => {if (this.startTime) {return (time.getTime() <= new Date(this.startTime).getTime());}}}}},}

展示效果

日期灰色不是就不能选择了。