如何使用 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，你可以像这样将修饰符作为 props 传递

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

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

How do I combine disabled days using react-day-picker-input

javascript

reactjs

react-day-picker