0

I am on angular 5 project i wanted to show the date using date pipes, i used this code 

<p class="creationDate" i18n>Date de création :{{today | date: 'medium'}}</p>

It worked good but i want that the date is written in french but the problem that is in english. In the ts file i aded those lines:

import localeFr from '@angular/common/locales/fr';
import localeFrExtra from '@angular/common/locales/extra/fr';
registerLocaleData(localeFr, 'fr-FR', localeFrExtra);

Can someone help me please.

Mat
  • 631
  • 3
  • 10
  • 21
  • Did you import the french locale data? – str Oct 11 '18 at 14:34
  • yes i imported import localeFr from '@angular/common/locales/fr'; import localeFrExtra from '@angular/common/locales/extra/fr'; registerLocaleData(localeFr, 'id-ID', localeFrExtra); – Mat Oct 11 '18 at 14:43
  • Possible duplicate of [How to set locale in DatePipe in Angular 2?](https://stackoverflow.com/questions/34904683/how-to-set-locale-in-datepipe-in-angular-2) – Kishan Patel Oct 11 '18 at 14:43
  • @Mat What is `'id-ID'`? – str Oct 11 '18 at 14:45
  • of sorry import localeFr from '@angular/common/locales/fr'; import localeFrExtra from '@angular/common/locales/extra/fr'; registerLocaleData(localeFr, 'fr-FR', localeFrExtra); – Mat Oct 11 '18 at 14:47

1 Answers1

0

Update your app.module.ts // main.ts

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

**registerLocaleData(localeFr, 'en');**

Working stackblitz

T. Shashwat
  • 1,135
  • 10
  • 23