javascript - Antd RangePicker 无法为 Time 设置 12 小时格式

Question

我正在使用 Antd RangePicker 来显示带时间的日期范围。

默认情况下，时间是 24 小时格式。我需要以 12 小时格式显示时间。如何将时间设置为 12 小时制？

<RangePicker
    disabledDate={this.disabledDate}
    showTime={{
    format: 'HH:mm',
    hideDisabledOptions: true,
    defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('11:59:59', 
    'HH:mm:ss')],
    }}
    format="YYYY-MM-DD HH:mm:ss"
  />

我尝试过以下选项:

use12Hours = {true}

但对我来说没有任何效果。请帮忙。

Answer 1

Ant Design 使用 momentjs 所以你应该能够使用 format: 'hh:mm' 你可能想要添加一个 A，如 format: 'hh:mm A' 以显示 AM/PM 时间，以确保您不会混淆阅读时间的人。

除此之外，您在配置中指定了两次 FORMAT。

您可以在此处阅读有关在 momentjs 中显示时间的更多信息:

http://momentjs.com/docs/#/displaying/