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

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

vue
 
 

以下代码方法可以灵活运用 各种限制都可以都可以满足
先贴效果图
第一个时间选择之后

第二个选择时间效果

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