如何在 bootstrap React js 中做开始日期和结束日期？

Question

我正在尝试在此日期输入中设置开始日期和结束日期，如果我 select 喜欢 10/10/2019 那么结束日期应该从 10/10/ 开始到 select 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 输入类型日期的 "min" 属性来实现此目的。类似于下面的代码。请检查这是否符合您的目的。

"To Date" 的 "min" 属性设置为 select 在 "from date" 中编辑的日期，因此我们只能 select从该日期开始的日期，不能 select 任何以前的日期。还有一个 "max" 属性以及日期输入，可用于进一步控制。

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

如何在 bootstrap React js 中做开始日期和结束日期？

How to do startdate and endate in bootstrap react js?

reactjs

forms

bootstrap-4

date-range