vue el-date-picker动态限制时间范围案例详解

 //情况1 原创版权声明：本文为weixin_40998880原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 //本文链接：https://blog.csdn.net/weixin_40998880/article/details/106272897 //html  

 //script data(){ return { selectData: '', pickerOptions: { // 点击时，选择的是开始时间，也就是minDate onPick: ({ maxDate, minDate }) => { this.selectData = minDate.getTime() if (maxDate) { // 解除限制 this.selectData = '' } }, disabledDate: (time) => { // 是否限制的判断条件 if (!this.isNull(this.selectData)) { var date = new Date(this.selectData) // 这里就是限制的条件，这里为大于或者小于本月的日期被禁用(尽量不使用这种方法，因为其他年份的本月也能进行选择，具体限制日期参考情况2) return date.getMonth() > new Date(time).getMonth() || date.getMonth() 

 //情况2 //html      

 //script data(){ return { selectData: '', defaultTime: [], pickerOptions: [ { disabledDate: time => { const curDate = new Date().getTime(); const day = 14 * 24 * 3600 * 1000; const dateRegion = curDate + day; return ( time.getTime()  dateRegion ); } }, { //限制结束时间为开始时间的一周后 disabledDate: time => { // 是否限制的判断条件 const date = new Date(this.editForm.beginTime); if (!this.isNull(date)) { const day = 7 * 24 * 3600 * 1000; const dateRegion = date.getTime() + day; return ( //禁用小于开始时间和大与开始时间一周后的日期 new Date(time).getTime() > dateRegion || new Date(time).getTime()