需求:今天之前的日期禁用
在这里插入图片描述

<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')

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐