在 React-datepicker 上禁用特定日期

Question

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

我正在做一个项目，以前的开发人员为这个项目使用了一个 react 数据选择器，项目经理想保留它，但我想禁用一些日期。 我想要做的是提供一个禁用日期列表，例如我想禁用 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'
}

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