Element日期选择器 限制选择的天数(最多多少天)

 直接上代码

<el-date-picker
	ref="datePicker"
	v-model="curDate"
	type="daterange"
	range-separator="筛选日期"
	start-placeholder=""
	end-placeholder=""
	value-format="yyyy-MM-dd"
	@change="changeDate"
	:picker-options="pickerOptions"
>
</el-date-picker>

limitDay: 14 * 24 * 3600 * 1000  按照需求 自行修改时间 

pickerOptions: {
	onPick: ({ minDate }) => {
		if (minDate && this.pickerMinDate) {
			this.pickerMinDate = null;
		} else if (minDate) {
			this.pickerMinDate = minDate.getTime();
		}
	},
	disabledDate: (time) => {
		if (this.pickerMinDate) {
			return (
				time.getTime() > this.pickerMinDate + this.limitDay ||
				time.getTime() < this.pickerMinDate - this.limitDay
			);
		}
		return false;
	},
}

猜你喜欢

转载自blog.csdn.net/m0_52510500/article/details/131130629