时间戳

首页 > 解决方案 > 在 React-Datepicker 中禁用日期时间范围

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

问题描述

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

[
  {
    "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 中发生事件的范围。因此，该用户无法选择已预订活动的日期或时间。

标签： javascriptreactjsdatetimedatetimepickerdatetimerangefield

解决方案

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

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

推荐阅读