需要为日历创建自定义导航标题

Question

我有一个Antd日历用作大型React项目的一部分。该组件将从API响应中加载数据，并将一组日期和时间AM, PM, ANY（每个都有自己的唯一ID）映射到日历上的日期，以选择日期/时间，例如07/12/2019和{ {1}}

开箱即用，用于选择月份和年份的默认标题样式类似于this。

我正在尝试将其更改为包括一个自定义标头，该标头仅列出月份名称和年份（例如：PM）以及用于在月份之间进行导航的左右V形符号。

我已经包含了V形符号，但是当涉及到实现导航功能以及如何呈现当前月份和年份的名称时，我完全茫然了。

我在此处包括一个CodeSandbox以显示我当前的进度

July 2019

My Calendar Component

Answer 1

尝试将DatePicker与showTime一起使用，并按select time来检查example。

<div>
  <DatePicker
    showTime
    placeholder="Select Time"
    onChange={onChange}
    onOk={onOk}
  />
</div>

此外，如果您使用open属性，则可以准确地获取要实现的组件：

<DatePicker open showTime placeholder="Select Time" />

Answer 2

我也遇到了同样的问题。如果您使用 Calendar 组件的 onChange 属性，那就太容易了。 更改月份的按钮代码如下：

`<Button
   onClick={() => {
      const newValue = moment(value).subtract(1, 'M')
      onChange(newValue)
   }
>
{'last month'}
</Button>`