java - 如何在 REACT 的表单字段中获取正确的日期时间？

Question

我正在使用 Spring Boot 和 React 创建一个 CRUD 应用程序。该应用程序能够从 BE 获取具有正确日期时间的所有数据。

DateTimeFormatter dateTimeFormatter = DateTimeFormatter.ofPattern("dd-MM-yyyy hh:mm:ss");

问题是当我想更新一行时。当我单击“更新”时，表单会自动编译除日期之外的所有数据。

<Col className="px-1" md="3">
    <FormGroup>
        <label>Data di Inizio</label>
        <Input type="datetime-local" step="1" name="startDate" id="startDate"
               onChange={this.onChange}
               value={this.state.startDate === null ? '' : this.state.startDate}/>
    </FormGroup>
</Col>

如果我在控制台中检查，值会被更正为“01-09-2019 12:00:00”，但在表单中我有“dd/mm/yyyy --:--:--”和选项从日历中选择一个日期。

如何在字段中选择正确的日期时间？

Answer 1

我将 BE 的格式更改为:

DateTimeFormatter dateTimeFormatter = DateTimeFormatter.ofPattern("yyyy-MM-dd'T'hh:mm:ss");