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/

Answer 2

 <RangePicker
  showTime={{ format: 'hh:mm A', use12Hours:true }}
/>

在showTime中添加“ use12Hours：true”以更改时间选择器格式。

Antd RangePicker无法为时间设置12小时格式

2 个答案: