Antd DatePicker 语言项-显示中文月份

官网：https://ant.design/components/date-picker-cn/

如果要显示中文，官网是这么指导的：

但是，设置后并没有生效！原因是默认的中文local文件并没有月份的format格式：

解决：

根据官网local的格式，添加本地local对象即可

 import { PickerLocale } from 'antd/es/date-picker/generatePicker';
 class LocalHelper {
   getDefinedChineseLocal() {
     let definedChineseLocal: PickerLocale = {
       lang: {
         locale: 'zh_CN',
         placeholder: '请选择日期',
         rangePlaceholder: ['Start date', 'End date'],
         today: 'Today',
         now: 'Now',
         backToToday: 'Back to today',
         ok: 'Ok',
         clear: 'Clear',
         month: 'Month',
         year: 'Year',
         timeSelect: 'Select time',
         dateSelect: 'Select date',
         monthSelect: 'Choose a month',
         yearSelect: 'Choose a year',
         decadeSelect: 'Choose a decade',
         yearFormat: 'YYYY年',
         dateFormat: 'M/D/YYYY',
         dayFormat: 'D',
         dateTimeFormat: 'M/D/YYYY HH:mm:ss',
         monthFormat: 'M月',
         monthBeforeYear: true,
         previousMonth: 'Previous month (PageUp)',
         nextMonth: 'Next month (PageDown)',
         previousYear: 'Last year (Control + left)',
         nextYear: 'Next year (Control + right)',
         previousDecade: 'Last decade',
         nextDecade: 'Next decade',
         previousCentury: 'Last century',
         nextCentury: 'Next century',
       },
       timePickerLocale: {
         placeholder: 'Select time',
       },
       dateFormat: 'YYYY-MM-DD',
       dateTimeFormat: 'YYYY-MM-DD HH:mm:ss',
       weekFormat: 'YYYY-wo',
       monthFormat: 'YYYY-MM',
     };
     return definedChineseLocal;
   }
 }
 export const LocalFormat = new LocalHelper();

引用处理：

 import React from 'react';
 import { DatePicker } from 'antd';
 //默认的，不够用，使用自定义的local
 // import locale from 'antd/es/date-picker/locale/zh_CN';
 import { LocalFormat } from './localHelper';
 import 'antd/dist/antd.css';
 import './style.less';

   <DatePicker
     picker="month" locale={LocalFormat.getDefinedChineseLocal()}
     open={this.state.isDefinedDatePopupOpened}
     onChange={(date, dateString) => this.OnDefinedMonthSelected(dateString)}
   />

显示效果：