angular - 无法使用语言环境格式的日期管道

Question

我正在使用 angular2 final 和 webpack cli 构建网站。我需要在语言环境 nl-NL 中显示日期，我的 html 代码如下所示:

{{eventDate | date:'d MMMM y'}}

它显示日期如下:

2016 年 1 月 5 日

它应该显示

2016 年 1 月 5 日

任何帮助将不胜感激，在此先感谢。

Answer 1

从 RC6 开始，有一个选项可以设置默认语言环境。您可以在您的 AppModule 中执行此操作，首先您需要导入 LOCALE_ID:

import { LOCALE_ID } from '@angular/core';

然后您可以在模块的 providers 中更改其默认 us-US 值，在您的情况下为 nl-NL:

@NgModule({
    imports: [...],
    declarations: [...],
    bootstrap: [...],
    providers: [
        { provide: LOCALE_ID, useValue: "nl-NL" }
    ]
})

这是工作 plnkr:http://plnkr.co/edit/YRULhoEqurClE8G16TlC?p=preview