<el-date-picker
v-model="form.time"
type="daterange"
range-separator="-"
start-placeholder="开始时间"
end-placeholder="结束"
:disabled-date="disabledDate"
@calendar-Change="calendarChange"
/>
const choiceDate = ref(null);
const calendarChange = (obj: any) => {
const minDate = obj[0];
const maxDate = obj[1];
choiceDate.value = minDate.getTime();
if (maxDate) choiceDate.value = null;
};
// 时间限制
const disabledDate = (time) => {
if (choiceDate.value) {
const one = 3 * 24 * 3600 * 1000;
const minTime = choiceDate.value - one;
const maxTime = choiceDate.value + one;
return time.getTime() < minTime || time.getTime() > maxTime;
} else {
// 如果没有选择日期,就要限制不能选择今天及以后
// return time.getTime() + 1 * 24 * 3600 * 1000 > Date.now();
}
};
elementplus 时间范围选择器限制选择时间范围
最新推荐文章于 2024-07-24 15:17:03 发布