ReactJS Ant Design - 在 DatePicker 中禁用小于任何默认日期的日期

Question

在 antd framework 上工作，我试图禁用小于给定默认日期的 DatePicker 日期，我无法以任何方式正确设置它。情况是说日期选择器的 defaultDate 是 2028-12-20 所有日期都应在此下方禁用..

回调如下

disabledDate = (current) => {
    return current && current < moment().endOf('day');;
}

其中 current = defaultDate 提供的内容不会更改，我不知道该怎么做..

我已经创建了一个沙盒here

非常感谢任何帮助。

谢谢。

Answer 1

可以通过以下方式完成：

disabledDate(current) {
  let customDate = "2018-11-25";
  return current && current < moment(customDate, "YYYY-MM-DD");
}

这是working demo

Answer 2

此外，您可以禁用日期并启用可用的日期范围/时段。

npm install date-fns

增加或减少天数的套餐。

import {subDays, addDays } from 'date-fns'

Final code

<DatePicker 
disabledDate={d => !d || d.isAfter(addDays( new Date(), 7)) || d.isSameOrBefore(subDays( new Date(), 1)) }/>

希望对您有所帮助。