今天之前的 Ant Design 禁用日期和其他自定义日期

Question

我目前正在为我的 React 项目使用 ant design，但在使用 Datepicker 模块时遇到了问题。我想禁用过去的日期等等，我也想禁用一些未来的日期。假设我想在按如下方式添加时禁用 2020-10-29，它阻止了所有日期。下面是我的日期选择器模块。<DatePicker   style= {{width: '100%'}}   onChange = {this.handlePickupDate}   placeHolder = "Select Delivery Date"   disabledDate  = {        d => !d         || d.isBefore(currentDate)         || current < moment().endOf('day')         || moment('2020-10-29')   }/>如果我添加moment("2020-10-29")，它会阻止所有日期，如下图所示没有它，它看起来很好假设我想阻止 2020-10-29、2020-10-29 和 2020-10-30（从技术上讲，这些值将来自 api）我如何阻止每个单独的日期？

Answer 1

为了将来的参考，这就是答案

let blockDate = ['2020-10-23', '2020-10-28'];

<DatePicker

    style={{width: '100%'}}

    onChange={this.handlePickupDate}

    placeHolder="Select Delivery Pickup Date"

    disabledDate={ d => !d

                       || d.isBefore(currentDate)

                       || currentDate < moment().endOf('day')

       || blockDate.findIndex(date=>date===moment(d).format('YYYY-MM-DD')) !== -1}

/>