环境
Angular 8.+
ng-zorro-antd 8.+
首先是app.module.ts
providers: [{ provide: NZ_I18N, useValue: zh_CN }]
这样使用大部分的nz组件就是中文的了
但是使用datepicker还是会报下边的错
MonthPanelComponent.html:29 ERROR Error: Missing locale data for the locale "zh-cn".
at findLocaleData (common.js:1473)
at getLocaleId (common.js:1064)
at getNamedFormat (common.js:1650)
at formatDate (common.js:1600)
at DateHelperByDatePipe.format (ng-zorro-antd-i18n.js:491)
at MonthTableComponent.makePanelMonths (ng-zorro-antd-date-picker.js:1529)
at MonthTableComponent.render (ng-zorro-antd-date-picker.js:1505)
at MonthTableComponent.ngOnChanges (ng-zorro-antd-date-picker.js:1488)
at checkAndUpdateDirectiveInline (core.js:24499)
at checkAndUpdateNodeInline (core.js:35163)
解决办法在app.component.ts中加上
import { registerLocaleData } from '@angular/common';
import zh from '@angular/common/locales/zh';
registerLocaleData(zh);
参考
https://github.com/NG-ZORRO/ng-zorro-antd/issues/3165
https://ng.ant.design/components/time-picker/zh