在 React-Datepicker 中禁用日期时间范围

Posted 2023-02-16

【中文标题】在 React-Datepicker 中禁用日期时间范围

【英文标题】：Disable date-time range in React-Datepicker

【发布时间】：2021-01-21 07:37:52

【问题描述】：

我有一个事件数组，其中有包含事件开始和结束日期的对象。

[
  
    "start": "2020-10-07T15:30:00+05:00",
    "end": "2020-10-07T16:30:00+05:00"
  ,
  
    "start": "2020-10-11T16:00:00+05:00",
    "end": "2020-10-11T20:00:00+05:00"
  
]

我想禁用 react-datepicker 中发生事件的范围。这样用户就无法选择已预订活动的日期或时间。

【参考方案1】：

您可以使用以下两个道具排除日期和/或时间：excludeDates 和 excludeTimes。

此处的文档在“排除日期”和“排除时间”部分介绍了如何执行此操作。 https://reactdatepicker.com/

【讨论】：

这里我们只能排除一个日期或日期数组。我认为这个问题是要排除一系列日期。这就是他所需要的。