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
      }
    ]
  }}
/>

如何使用react-day-picker-input合并禁用天数

2 个答案: