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

时间:2018-01-23 03:54:40

标签: javascript reactjs momentjs airbnb

如何在具有时刻日期范围的反应日期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}
    ...
  />
);

任何人都请帮忙。

感谢

1 个答案:

答案 0 :(得分:0)

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

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

OR

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