如何在Ant Design日历下拉框中显示完整月份名称？

要让AntdCalendar的月份下拉显示完整名称，你需要自定义locale配置中的monthNames字段，而不是仅设置locale: 'en'。默认的英文locale使用的是月份缩写，你可以手动传入完整的月份名称数组来覆盖这个行为。

具体实现方式：

• 创建自定义locale对象，在lang属性下添加monthNames数组，按顺序填入12个月份的完整英文名称；
• 将这个自定义locale传递给AntdCalendar组件的locale属性。

修改后的完整代码示例：

import { Badge, Calendar as AntdCalendar, Alert } from 'antd'
import moment from 'moment'

// 自定义英文locale，配置完整月份名称
const customLocale = {
  lang: {
    locale: 'en',
    monthNames: [
      'January', 'February', 'March', 'April', 'May', 'June',
      'July', 'August', 'September', 'October', 'November', 'December'
    ]
  }
}

<AntdCalendar
  locale={customLocale}
  fullscreen
  mode="month"
  dateCellRender={dateCellRender}
  onSelect={onSelect}
  value={selectedDate}
  defaultValue={moment()}
/>

配置完成后，月份下拉框就会显示January、February等完整名称，替代原来的缩写版本。

内容的提问来源于stack exchange，提问作者Shubham Belwal