IT技术 - ReactJS Ant Design - 在 DatePicker 中禁用小于任何默认日期的日期 - 吾爱随笔录

IT技术 javascript reactjs antd ant-design-pro

2021-05-27 01:07:27

在antd 框架上工作，我试图禁用小于给定 defaultDate的DatePicker日期，但无论如何我都无法正确设置。情况是说日期选择器的 defaultDate 是2028-12-20所有日期都应该在此之下被禁用..

执行此操作的回调如下

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

其中current = defaultDate已提供它不会改变，我不知道如何做到这一点..

我在这里创建了一个沙箱

任何帮助将不胜感激。

谢谢。

2个回答

它可以通过以下方式完成：

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

此外，您可以通过启用可用日期范围/槽来禁用日期。

npm install date-fns

添加或子天的包。

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

最终代码

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

希望它有帮助。

其它你可能感兴趣的问题