首页 > 解决方案 > 禁用今天之前的所有日期 - Ant Design Calendar

问题描述

我在我的 React 项目中使用 Ant Design Calendar,我想禁用今天之前的所有日期,以便用户无法选择它。

日历组件看起来像 -

<Calendar
  fullscreen={false}
  onPanelChange={this._onPanelChange}
  onSelect={this._onDateSelect}
  disabledDate={() => }
/>

日历 API 说我们需要添加disabledDate(返回一个布尔值)以指定使用momentjs.

查询在 moment.js 中应该是什么样的?

提前致谢。

标签: reactjsmomentjsantd

解决方案


我用disabledDaterangePicker .

 disabledDate={(current) => {
return 
   current && current && current < moment().subtract(1, "days") || 
    current >= moment(Date.now()).add(rangepickerlimitmonth, 'month');
                      }}

如果不起作用,请告诉我删除此答案。

rangepickerlimitmonth是我用来限制用户无法选择的未来日期的数字。


推荐阅读