html - 日期字段保留其值，但不显示它

我的项目中有一个日期字段，用于支付日期。当我第一次输入日期时，它将使用输入的日期值并将其显示在字段中。

提交值后，我再次从API提取中检索到该值，但date字段未显示该值。我认为问题在于日期格式。提交日期的格式为DD-mm-yyyy。请帮助我修复它。

handlePaidDateChange = (e) =>
  {
    this.setState({ paidDate: e.target.value });
    console.log(this.state.paidDate);

  }

----------------

<div className="row">
  <div className="col m4 s4">
    <h6>Paid Date:</h6>
  </div>
  <div className="col m8 s8">
    <input id="paidDate" type="date" onChange={ this.handlePaidDateChange } value={ this.state.paidDate } />
  </div>
</div>

最佳答案

使用文字类型代替日期：

<div className="col m8 s8">
   <input id="paidDate" type="text" onChange={ this.handlePaidDateChange } value={ this.state.paidDate } />
</div>

实际上，这与React无关。对于值，Chrome希望日期的值采用YYYY-MM-DD格式。