2

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

这是我的小提琴

请注意删除before密钥如何使daysOfWeek密钥工作。感谢任何帮助。

4

2 回答 2

12

试试这个

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

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

于 2018-08-09T00:28:30.717 回答
1

如果你只使用 DayPicker，你可以像这样将修饰符作为道具传递

<DayPicker
  modifiers={{
    disabled: [
      {
        daysOfWeek: [0, 6]
      },
      {
        before: today
      }
    ]
  }}
/>
于 2020-06-27T23:18:32.583 回答