vue ant DatePicker 日期选择器 限制日期

限制日期场景
1.支付时间只能选择当日时间以及以后
2.【报名结束时间】需在【活动开始时间】之前
ant文档有日期限制API

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");