首页 > 解决方案 > 如何在Angular中以不同的语言显示日期?

问题描述

我想用不同的语言显示日期。但是日期以英文存储在数据库中。但我想用不同的语言显示日期。但我不知道该怎么做。任何人请帮忙。

<p  style="font-size: xx-small;">{{news.createdAt | date}}</p>

输出是这样的Mar 7, 2020。我想要的预期输出是:মার্চ ২৩, ২০২০. 数字和日期一切都以不同的语言显示。

标签: angularangular8

解决方案


您可以使用DatePipe,并指定要使用的语言环境:

{{ news.createdAt | date:'medium':'+0200':'fr_FR' }}

首先,如官方文档中所述,您必须注册将与此管道一起使用的每个可选语言环境:

app.module.ts:

import { registerLocaleData } from '@angular/common';
import localeFr from '@angular/common/locales/fr';

// the second parameter 'fr-FR' is optional
registerLocaleData(localeFr, 'fr-FR');

推荐阅读