在 React-datepicker 上禁用特定日期

Question

你好吗？ 这是我在 Stack Overflow 上的第一篇文章，我有一个问题，希望你们中的某个人能帮助我。

我正在做一个项目，以前的开发人员已经为这个项目使用了一个反应数据选择器，项目经理想保留它，但我想禁用一些日期。 我想做的是提供要禁用的日期列表，例如我想禁用 2021 年 5 月 1 日和 2021 年 6 月 4 日。

数据选择器是这个： https://reactnicedates.hernansartorio.com/

他们只显示如何在一周内禁用日期，例如所有星期六，但我不知道如何禁用许多日期。

Answer 1

您可以像下面一样制作自定义修饰符并将其传递给数据选择器

const [disabledDates, setDisabledData] = useState(['01/05/2021', '04/06/2021']);

const modifiers = {
  disabled: date => disabledDates.includes(date) // assuming date variable have same format as 'dd/mm/yyyy'
}

注意：- 记得检查两个日期的格式。 如果格式与条件不同，则不起作用。