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格式为[“-03-09","-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");