当用户使用react-dates键入过去的日期时，onDateChange返回null

Question

我使用的是来自react-dates的SingleDatePicker，当从datepicker中选择日期(甚至是过去的日期)时，它工作得很好，但是当用户输入一个过去的日期时，onDateChange处理程序返回null，但是当用户输入一个未来的日期时，onDateChange返回一个moment对象。

      <SingleDatePicker
        date={moment(Date.now())}
        focused={focused}
        displayFormat="MM/DD/YYYY"
        onFocusChange={() => setFocused(!focused)} 
        onDateChange={date => {
          console.log(date);
        }}
      />

下面是我输入当前或未来日期时得到的结果，而null是输入过去日期时得到的结果。

​

​

Answer 1

如果要选择过去的天数，请传入isOutsideRange={() => false} prop。

source

<SingleDatePicker
  date={moment(Date.now())}
  focused={true}
  displayFormat="MM/DD/YYYY"
  onFocusChange={() => true}
  onDateChange={date => {
    console.log(date);
  }}
  isOutsideRange={() => false}
/>