antd中a-date-picker日期选择禁用节假日和周末

效果图:国庆节假日无法选择,周六周日也一样

<a-date-picker format="YYYYMMDD" :disabled-date="disabledDate"/>
disabledDate(current){
    //将date转化为YYYYMMDD的格式
    const days = moment(current).format('YYYYMMDD')
    // &&之前表示过去日期可以选择,之后表示禁用节假日和周末
    renturn(
        (current > moment().endOf('day') && current <= moment().subtract(1,'days')) ||
        moment(current ).day() === 0 ||
        moment(current ).day() === 6 ||
        this.threeDate.includes(days)
    )
}

this.threeDate数组里面数据是后端返回给前端的节假日日期,节假日日期需要后端返回给前端进行处理。由于是内网开发,不能采用网上已有的接口免费节假日 API - 提莫的神秘小站

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

YL雷子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值