如何在具有时刻范围的反应日期中禁用多个日期答案

【问题标题】：How to disable multiple date in react-dates with moment range如何在具有时刻范围的反应日期中禁用多个日期
【发布时间】：2018-01-23 03:54:39
【问题描述】：

如何使用时刻日期范围阻止 react-dates airbnb 中的日期？

const BAD_DATES = [
   moment.range('2018-04-15', 'YYYY-MM-DD', '2018-04-27', 'YYYY-MM-DD'),
   moment.range('2018-05-10', 'YYYY-MM-DD', '2018-05-20', 'YYYY-MM-DD'),
];
const isDayBlocked = day => BAD_DATES.filter(d => d.isSame(day, 'day')).length > 0;
return (
  <DateRangePicker
    isDayBlocked={isDayBlocked}
    ...
  />
);

【问题讨论】：

标签： javascript reactjs momentjs react-dates

【解决方案1】：

我没有使用过这个组件，但我认为你应该喜欢这个。

如果它将选定的日期传递给函数 -> 您应该在过滤器中使用 range.contains(day)

或

如果您将选定的日期范围传递给函数 -> 您应该使用过滤器中的 range1.overlaps(range2)

【讨论】：