场景
限制当前日期之前不能选择
限制只能选择日期区间内
Ant Design Vue
效果
<a-date-picker :disabledDate="disabledDate"></a-date-picker>
method
// 限制日期选择
disabledDate(current) {
return current && current > moment().endOf("day");//当前日期之后不能选择
return current && current < moment().endOf("day");//当前日期之前不能选择(含当前日)
return current && current < moment().subtract(1, "days");//当前日期之前不能选择(不含当前日)
//只能选择日期区间内 dates格式为[“2023-03-09","2023-03-30”]
let beginDay = dates[0];
let endDay = dates[1];
return current && current < moment(beginDay).endOf("day") || current > moment(endDay).endOf("day");
},
//限制选择当前时间前2个月后2个月
let startDate = moment(new Date()).subtract(2, "months").format("YYYY-MM-DD");
let endDate = moment(new Date()).add(2, "months").format("YYYY-MM-DD");