React DatePicker 更改默认开始日期答案

【问题标题】：React DatePicker change default start dateReact DatePicker 更改默认开始日期
【发布时间】：2020-06-02 18:27:39
【问题描述】：

我正在使用 https://reactdatepicker.com/ 。

现在默认开始日期是当前日期。我希望开始日期提前 +45 天。日历不需要禁用从当前到 44 天的任何日期，我只希望日历最初选择那一天。

这是我当前的代码：

this.state = {
    startDate: new Date(),
}

handleChangeDate = date => {
    this.setState({
      startDate: date
    });
};

<DatePicker
    selected={this.state.startDate}
    onChange={this.handleChangeDate}
/>

我尝试过这样的事情没有成功，我在他们的文档中找不到任何道具来做到这一点。

handleChangeDate = date => {
    const Newdate = new Date();
    date.setDate(date.getDate() + 45);
    this.setState({
      startDate: Newdate,
    });
};

【问题讨论】：

标签： javascript reactjs react-native datepicker

【解决方案1】：

您应该将日期 +45 设置为初始日期本身。选定的属性仅用于初始初始化

class MyComponent extends React.Component {
    constructor () {
      const newdate = new Date();
      newdate.setDate(newdate.getDate() + 45);
      this.state = {
        startDate: newdate,
      }
    }

    handleChangeDate = date => {
        this.setState({
          startDate: date
        });
    };
    render () {
      return (
        <DatePicker
          selected={this.state.startDate}
          onChange={this.handleChangeDate}
        />
      )
    }
  }

【讨论】：