Javascript 使用React JS将值从日期选择器（开始日期）传递到第二个日期选择器（结束日期）

我有两个日期选择器（StartDate&EndDate），我要做的是在选择StartDate之后将该值传递给EndDate，以便选择StartDate之后的日期

例如，如果我选择的开始日期是12月10日，那么当我转到EndDate日期选择器时，我将无法选择12月10日之前的任何日期，因此这将是EndDate日期选择器的起点

这是我的渲染方法

render() {

    const today = new Date();
    today.setDate(today.getDate() + 1);

    return (
      <div className={cr.container}>
        <div className ={cr.boton}>
          <Divider/>
        </div>
        <div className={cr.rows}>
          <div>
            <div>
              <DatePicker
                hintText="Start Date"
                minDate = {today}
              />
              <br/>
              <DatePicker
                hintText="End Date"
              />
            </div>
          </div>
        </div>

      </div>
    );
  }
}

render（）{
const today=新日期（）；
today.setDate（today.getDate（）+1）；
返回(


);
}
}

我会感谢你在这方面的帮助

---

提前感谢。

选择开始日期后尝试更新组件状态：

<DatePicker
    selected={this.state.startDate}
    onChange={this.handleChangeStart}
    hintText="Start Date"
    minDate={today}
/>

---

如果您使用的是材质ui日期选择器，则应该能够执行以下操作：

<DatePicker
   hintText="Start Date"
   minDate = {today}
   onChange={(null, date) => { setState({ startDate: date }); }}
   value={this.state.startDate}
/>

<DatePicker
   hintText="End Date"
   defaultDate={this.state.startDate + 1}
   {/* or however you calculate endDate */}
   value={this.state.endDate}
   onChange={(null, date) => { setState({ endDate: date }); }}
/>

{setState（{startDate:date}）；}
值={this.state.startDate}
/>
{setState（{endDate:date}）；}
/>

---

请参阅文档中的说明。

那么，到目前为止，您尝试了什么？根据您的代码示例，什么都没有？我只是清理代码，因为我有一个混乱=（我尝试了一些东西，比如创建第二个常量，如“const endDate={startDate}”，但没有成功…我刚开始学习react js和js，所以我有一些空白，我正在阅读一些书籍和东西，但我决定做一些示例。。

<DatePicker
   hintText="Start Date"
   minDate = {today}
   onChange={(null, date) => { setState({ startDate: date }); }}
   value={this.state.startDate}
/>

<DatePicker
   hintText="End Date"
   defaultDate={this.state.startDate + 1}
   {/* or however you calculate endDate */}
   value={this.state.endDate}
   onChange={(null, date) => { setState({ endDate: date }); }}
/>