【问题标题】:Disable all dates before today - Ant Design Calendar禁用今天之前的所有日期 - Ant Design Calendar
【发布时间】:2021-07-02 21:26:24
【问题描述】:

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

日历组件看起来像 -

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

Calendar API 说我们需要添加 disabledDate(它返回一个布尔值)以便使用 momentjs 来指定。

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

提前致谢。

【问题讨论】:

  • this 回答你的问题了吗?
  • 演示似乎不起作用。我仍然可以选择以前的日期
  • 检查 This 是否正常工作。

标签: reactjs momentjs antd


【解决方案1】:

我在rangePicker 中使用disabledDate

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-09-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多