element-ui 动态 限制日期选择范围

效果图：

逻辑：根据任务时间选择的日期范围来限制收单日期范围

html：

js：

export default {
		data() {
			return {
				form: {
					taskDate: "",
					orderDate: ""
				},
				minDate: "",
				maxDate: "",
				orderDateOptions: {
					disabledDate: time => {
						let minDate = new Date(this.minDate);
						let maxDate = new Date(this.maxDate);
						return time.getTime() < minDate || time.getTime() > maxDate;
					}
				}
			}
		},
		created() {},
		methods: {
			changeTestDate(val) {
				if(val != null) {
					//分别取到开始日期和结束日期
					this.minDate = this.form.taskDate[0];
					this.maxDate = this.form.taskDate[1];
				}
			},
		}
	}