如何修復 react-dates SingleDatePicker 無效日期？

Question

我正在嘗試使用 SingleDatePicker 在數據庫中編輯/添加事件。 我可以在這個日歷年之外創建一個新事件，但是當我去編輯 2019 年以后的任何事件時，我在我的 SingleDatePicker 中收到一個“無效日期”，單擊它時我的網站崩潰並給出錯誤“Uncaught TypeError: month must成為一個有效的矩對象”。 我正在使用 momentjs。 值得注意的是，所有日期都是從我的 API 以完全相同的格式傳遞的，我只有 2019 年之后的日期才有這個問題。當日期在 2019 年之后時，我收到錯誤“警告：失敗的道具類型：無效的道具date提供給SingleDatePicker的類型object ，預期為Moment 。“不過我正在使用 moment，所以我不明白這個錯誤。

我沒有找到有關此問題的文檔。

`componentWillReceiveProps() {
if (this.props.date !== null) {
  let newDate = moment(this.props.date, "ddd, MMM DD yyyy HH:mm:ss 
Z");
  this.setState({ date: newDate });
}
....

....
....
....

<SingleDatePicker
                date={this.state.date} 
                isOutsideRange={() => false}
                onDateChange={date => this.setState({ date })} /
                focused={this.state.focused} 
                onFocusChange={({ focused }) => this.setState({ 
                focused })} 
                id="selectedDate" ,
              />`

Answer 1

我做了一個為我解決的解決方法。 當日期為空時（就像我們的例子一樣），您可以將它設置為今天的日期，如下所示：

onDateChange={date => this.setState({ date || moment().format('YYYY-MM-DD') })}