ElementUi时间日期范围选择器DateTimePicker 限制范围

<el-date-picker class="condition" v-model="datePay" :picker-options="timeRange" type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="付款开始日期" end-placeholder="付款结束日期"></el-date-picker>

主要是

:picker-options="timeRange"

给定一个方法

timeRange:{
                disabledDate:time => {
                    let beginDate = new Date(this.dateBegin).getTime();
                    let endDate = new Date(this.dateEnd).getTime();
                    //time是渲染时的每一个时间
                    //返回true就禁用 返回false就启用
                    return time.getTime() < beginDate || time.getTime() > endDate;         
	            }
            }

			dateBegin:'2021-12-12 00:00:00',
            dateEnd:'2021-12-27 00:00:00',