限制日期场景
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");