如何在bootstrap react js中执行startdate和endate？

Question

我正在尝试在此日期输入中输入开始日期和结束日期，如果我选择10/10/2019，那么结束日期应从10/10/2019开始选择，而不是10之前，所以我在尝试，但是我无法实现，因此请指导我如何在react js中执行此操作，并在当前日期之后禁用将来的日期，这是我输入的日期字段

<div className="col-sm-4">
    <div className="form-group">
        <span style={{ opacity: "0.6", fontSize: "13px" }}>To</span>
        <input
          type="date"
          name="from"
          id="startdate"
          className="form-control datepicker"
          style={{ width: "150px" }}
        />
      </div>
</div>
<div className="col-sm-4">
    <div className="form-group">
        <span style={{ opacity: "0.6", fontSize: "13px" }}>From</span>
        <input
          type="date"
          name="to"
          id="enddate"
          placeholder="Select Date"
          className="form-control datepicker"
          style={{ width: "150px" }}
        />
    </div>
</div>

Answer 1

您可以使用HTML5输入类型date的“ min”属性来实现此目的。类似于下面的代码。请检查是否符合您的目的。

“ To Date”的“ min”属性设置为“ from date”中选择的日期，因此我们只能选择从该日期开始的日期，而不能选择任何以前的日期。日期输入也有一个“ max”属性，可用于进一步的控件。

https://codesandbox.io/s/vigilant-diffie-vley9