在DayPickerInput中使用时，react-day-picker - disabledDays不起作用

Question

我在this page中找到了下面的代码

<DayPicker
  initialMonth={new Date(2017, 3)}
  disabledDays={[
    new Date(2017, 3, 12),
    new Date(2017, 3, 2),
    {
      after: new Date(2017, 3, 20),
      before: new Date(2017, 3, 25),
    },
  ]}
/>

我正在尝试将它( re disabledDays )应用于我的案例(即，当使用'DayPickerInput'，而不是‘DayPicker’时)，如下所示：

<DayPickerInput
  // ...
  disabledDays: {
    before: pydate.toDate(),
    after: date,
  },
/>

但它不起作用。我做错了什么？

Answer 1

经过一些研究，我发现它应该是这样的：

<DayPickerInput
  // ...
  dayPickerProps={{
    enableOutsideDays: false,
    disabledDays: {
      before: pydate.toDate(), // pydate is generated using moment.js
      after: date,  // date is generated using new Date(...)
    },
  }}
/>

希望这能帮助到别人。