今天之前的 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&nbsp; &nbsp; style={{width: '100%'}}&nbsp; &nbsp; onChange={this.handlePickupDate}&nbsp; &nbsp; placeHolder="Select Delivery Pickup Date"&nbsp; &nbsp; disabledDate={ d => !d&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;|| d.isBefore(currentDate)&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;|| currentDate < moment().endOf('day')&nbsp; &nbsp; &nbsp; &nbsp;|| blockDate.findIndex(date=>date===moment(d).format('YYYY-MM-DD')) !== -1}/>