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

时间:2018-07-26 11:32:35

标签: javascript reactjs react-day-picker

我在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 disableDays)应用于我的情况(即,使用“ DayPickerInput”而不是“ DayPicker”时),如下所示:

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

但是它不起作用。我在做什么错了?

1 个答案:

答案 0 :(得分:0)

经过研究,我发现应该如下:

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

希望它可以帮助某人。