Javascript ReactJS Ant Design-禁用日期选择器中小于任何默认日期的日期
工作中,我试图禁用小于给定defaultDate的日期选择器日期,我无法通过任何方式正确获取它。情况是,日期选择器的默认日期为2028-12-20此日期以下的所有日期都应禁用 执行此操作的回调如下所示Javascript ReactJS Ant Design-禁用日期选择器中小于任何默认日期的日期,javascript,reactjs,antd,ant-design-pro,Javascript,Reactjs,Antd,Ant Design Pro,工作中,我试图禁用小于给定defaultDate的日期选择器日期,我无法通过任何方式正确获取它。情况是,日期选择器的默认日期为2028-12-20此日期以下的所有日期都应禁用 执行此操作的回调如下所示 disabledDate = (current) => { return current && current < moment().endOf('day');; } disabledDate=(当前)=>{ 返回当前值和当前值
disabledDate = (current) => {
return current && current < moment().endOf('day');;
}
disabledDate=(当前)=>{
返回当前值和当前值<力矩().endOf('day');;
}
如果current=defaultDate不改变,我不知道该怎么做
我已经创建了一个沙箱
任何帮助都将不胜感激
谢谢。可以通过以下方式完成:
disabledDate(current) {
let customDate = "2018-11-25";
return current && current < moment(customDate, "YYYY-MM-DD");
}
disabledDate(当前){
让customDate=“2018-11-25”;
返回电流和电流<时刻(自定义日期,YYYY-MM-DD);
}
这是此外,您可以通过启用可用的日期范围/插槽来禁用日期
npm install date-fns
添加或子天的包
import {subDays, addDays } from 'date-fns'
最终代码
!d | | d.isAfter(addDays(new Date(),7))| | d.issameorfore(subDays(new Date(),1))}/>
希望有帮助。请检查此项,这就是您要找的吗?@EugeneDzhevadov如果当前日期或默认日期是
今天
对我来说效果很好,类似于,但是,如果defaultDate与我的示例中的将来类似,那么我无法实现它。我更新了一个示例@EugeneDzhevadov,它现在已禁用所有日期。因此,current
从组件中传递,我猜它始终是今天,但是您可以定义一个默认值
而不是当前值
,并执行任何逻辑操作,但我今天看到组件显示dateGreat这似乎工作正常,我用错误的方式调用了这一时刻。。非常感谢。比你,但我需要在日历日期应启用只有7天前当前日期
<DatePicker
disabledDate={d => !d || d.isAfter(addDays( new Date(), 7)) || d.isSameOrBefore(subDays( new Date(), 1)) }/>