我正在嘗試使用 Bootstrap 在 React 中構(gòu)建一個(gè)表單。我有兩個(gè)日期（一個(gè)是你開(kāi)始工作的時(shí)間，另一個(gè)是你結(jié)束公司工作的時(shí)間），第二個(gè)不應(yīng)該在第一個(gè)之前。所以如果第一個(gè)是 10.1.2020，你應(yīng)該不能在第二個(gè)中選擇這個(gè)日期之前的日期。作為一個(gè)反應(yīng)應(yīng)用程序，我也給你一個(gè)鏈接：https://codesandbox.io/s/friendly-worker-nwtgu ?file=/package.json我感興趣的代碼在這些組件中：Practical 和 PracticalForm。表格代碼：       <Form.Group controlId="formBasicDateFrom">          <Form.Label>Worked from</Form.Label>          <Form.Control            onChange={(e) => {              checkDate(e);              handleChange(e);            }}            type="date"            defaultValue={dateFrom}            name="dateFrom"            required          />        </Form.Group>        <Form.Group controlId="formBasicDateUntil">          <Form.Label>Worked to</Form.Label>          <Form.Control            isInvalid={validate}            onChange={(e) => {              checkDate(e);              handleChange(e);            }}            // onChange={(e) => {            //   handleChange(e);            //   checkDate();            // }}            type="date"            defaultValue={dateTo}            name="dateTo"            required          />          <Form.Control.Feedback type="invalid">            Date must be later then date from when you worked...          </Form.Control.Feedback>        </Form.Group> 我驗(yàn)證的函數(shù)現(xiàn)在看起來(lái)像這樣：checkDate = (event) => {    let d1 = new Date(this.state.dateFrom);    let d2 = new Date(this.state.dateTo);    if (d1.getTime() > d2.getTime()) {      this.setState({        validate: false,      });    } else {      this.setState({        validate: true,      });    }    console.log(d1.getTime());    console.log(d2.getTime());    console.log(this.state.validate);  };