首页 > 解决方案 > 如何使用 moment 和 datePicker AntD 将时间更改为格式?

问题描述

如何将时间更改为当天为 23 点的格式。例如,当我在数据选择器中单击 23 时,会显示 11,但我想查看 23

代码

function onChange(date, dateString) {
  console.log(date, dateString);
}

ReactDOM.render(
  <Space direction="vertical">
    <DatePicker
      allowClear
      placeholder="укажите дату"
      local="ISO 8601"
      showTime={{
        defaultValue: moment("00:00:00", "HH:mm:ss")
      }}
      format="YYYY-MM-DD hh:mm:ss"
      onChange={onChange}
    />
  </Space>,
  document.getElementById("container")
);

标签: javascriptreactjsmomentjsantd

解决方案


小写,即'h'或'hh'用于momentjs中的12小时格式。
现在,由于您想要 24 小时格式,请使用“H”或“HH”。使用format="YYYY-MM-DD HH:mm:ss". 这应该有效。


推荐阅读