如何使用react-day-picker input组合禁用日期

Question

我使用的是NPM包react-day-picker，关于react-day-picker-input元素的文档似乎很少。它提到了一个名为dayPickerProps的属性，它接受一个名为disabledDays的对象。我不知道如何禁用周末和特定日期的组合。我让它单独禁用周末和日期，但当组合在一起时，只接受第一个。文档讨论了如何为常规的日期选择器而不是采用不同属性的日期选择器输入组件实现此功能。有熟悉这个包的人知道我如何完成这个任务吗？

这是我的Fiddle

请注意删除before密钥是如何使daysOfWeek密钥正常工作的。感谢您的帮助。

Answer 1

试试这个吧

dayPickerProps={{
      modifiers: {
        disabled: [
          {
            daysOfWeek: [0, 6]
          },
          {
            before: new Date(2018, 7, 8)
          }
        ]
      }
    }}

https://codesandbox.io/s/537qkxy4wn

Answer 2

如果您只使用DayPicker，则可以将修饰符作为属性传递，如下所示

<DayPicker
  modifiers={{
    disabled: [
      {
        daysOfWeek: [0, 6]
      },
      {
        before: today
      }
    ]
  }}
/>