时间在 React 中显示不正确

Question

我想根据我在 useState 中设置的值正确显示时间。它应该显示 9:00 AM。为什么显示 Invalid Time Format.

请在这里查看我的codesandbox

CLICK HERE

<MuiPickersUtilsProvider utils={DateFnsUtils}>
  <KeyboardTimePicker
    inputVariant="outlined"
    size="small"
    mask="__:__ _M"
    value={format(new Date(selectedTime), "hh:mm:00 a")}
    onChange={handleTimeChange}
    KeyboardButtonProps={{ disabled: true, style: { display: "none" } }}
  />
</MuiPickersUtilsProvider>

Answer 1

编辑这部分代码：

value={format(new Date(selectedTime), "hh:mm:00 a")}

为此：

value={format(new Date(selectedTime), "yyyy-MM-dd''HH:mm:ss")}

或者这样：

value={format(new Date(selectedTime), 3)}

它应该运行良好，检查这个 link 文档： https://date-fns.org/v2.16.1/docs/format