需求:今天之前的日期禁用
<a-date-picker
v-model.trim="formNE.deliveryTime"
:disabled-date="disabledDate"
valueFormat="YYYY-MM-DD"
allowClear
style="width: 100%"
/>
禁用日期的范围:
//时间范围
disabledDate(current) {
return current < moment().subtract(1, 'day');
},
在使用之前,需要安装moment
插件,并在页面中引入:
import moment from 'moment';
后续其他的禁用日期形式出现的话,在下面会进行补充。
【下面是moment自带的获取之前和之后日期的方法】
1.当天之前的日期
moment().subtract(1, 'day')
2.当天之前7天的日期
moment().subtract(7, 'day')
3.当天之后的日期
moment().add(1, 'day')
4.当天之后10天的日期
moment().add(10, 'day')
上面获取到日期后,可以转化为想要的格式:比如下面的可以转为年月日
moment().subtract(7, 'days').format('YYYY/MM/DD')