MonthPanelComponent.html:29 ERROR Error: Missing locale data for the locale "zh-cn".

环境

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值