2016-09-19 3 views
3

私はangular2 finalとwebpack cliを使用してウェブサイトを構築しています。私は、ロケールNL-NLに日付を表​​示する必要があり、私のhtmlコードは次のようになります。ロケールフォーマットの日付パイプを使用できません

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

それは日のように表示されます。それが表示されるはずです

5 January 2016

5 januari 2016

お手数ですが、事前に感謝します。

答えて

7

RC6以降、デフォルトロケールを設定するオプションがあります。

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

は、その後、あなたのモジュールのprovidersでそのデフォルトus-US値を変更することができ、あなたのケースnl-NLに:

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

ここで働いてplnkrあなたは、まずあなたがLOCALE_IDをインポートする必要があり、あなたのAppModuleでそれを行うことができます:http://plnkr.co/edit/YRULhoEqurClE8G16TlC?p=preview

+0

Stefan Svrkotaそれは魅力のように働きました、ありがとうございます。 –

+0

@MayurBhatt私が助けてくれることを嬉しく思います。それが問題でない場合は、チェックマークをクリックして私の回答を受け入れるようにして、同様の問題を抱えている人にはこの解決策が良いとわかるようにしてください。乾杯。 –

+1

私は正確に探していた答えに感謝します。 –

関連する問題