antd日期组件DatePicker禁用某一些日期

组件代码

	<a-date-picker
	  :disabled-date="disabledDate"
	  placeholder="请选择"
	  allowClear
	>

禁用日期代码

	disabledDate(current) {
      // 1.禁用今天之前的日期
      // 2.禁用一个月以后的日期
      // 3.禁用dateArr里面的日期
      const dateArr = [
        '2023-02-15',
        '2023-02-16',
        '2023-02-17',
        '2023-02-18',
        '2023-02-19',
        '2023-02-23',
      ];
      return (
        current < moment() ||
        current > moment().add(1, 'months').endOf('day') ||
        dateArr.some(item => {
          const currentDate = moment(current).format('YYYY-MM-DD');
          return moment(item).isSame(currentDate);
        })
      );
    },

效果图:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值