【问题标题】:How do I disable past dates and future dates using react-calender?如何使用 react-calender 禁用过去的日期和未来的日期?
【发布时间】:2022-07-31 13:03:35
【问题描述】:

我尝试了各种方法来实现它,但我所能做的就是禁用日历中的特定日期。我想禁用未来日期并禁用从今天开始的所有以前的日期。

【问题讨论】:

  • 那么为什么需要使用日历呢?
  • 感谢您的回复。我正在尝试这个约会项目,管理员可以禁用未来的日期,以便用户无法在这些日期预订。

标签: reactjs calendar


【解决方案1】:

要禁用过去的日期,请声明此函数:

const tileDisabled = ({ activeStartDate, date, view }) => {
   return date < new Date()
}

然后你像这样把它传递给你的日历:

<Calendar tileDisabled={tileDisabled} />

如果您想取消所有日期(过去和未来),您的函数必须返回 true。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-10-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-01
    相关资源
    最近更新 更多