el-date-picker 时间选择器只能选择今天及以后的日期

<el-date-picker
    v-model="ruleForm.hdtime"
    type="datetimerange"
    :shortcuts="shortcuts"
    range-separator=""
    start-placeholder="开始时间" 
    end-placeholder="结束时间" 
    format="YYYY/MM/DD HH:mm:ss" 
    value-format="YYYY-MM-DD HH:mm:ss"
    :default-time="defaultTime"
    :disabled-date="disabledFn"
/>
import dayjs from 'dayjs';
// 限制时间选择器只能选择今天及以后的日期
const disabledFn = (val:any) =>{
    return val.getTime() <= new Date().getTime() - 8.64e7;
};
// 限制时间选择器只能选择30天之内的
const disabledFn = (current: any) => {
    if (!startVal.value) return false;
    let range = [dayjs(startVal.value).subtract(30, 'day'), dayjs(startVal.value).add(30, 'day')];
    let cur = dayjs(current);
    if (subData.value.timeStatus) {
        return cur < range[0] || cur > range[1];
    } else {
        return false || false;
    }
};

你可能感兴趣的:(vue.js,前端)