禁用React日期选择器上的特定日期

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'
}

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