Angular 6 date and time in English

Question

Good afternoon, I’m starting to develop an application in Angular 6, and I need to display the date and time on the screen. I have managed to present both, but they are in the American standard. How can I change to the Brazilian standard?

Answer 1

I got it. I did this:

import { registerLocaleData } from '@angular/common';
import localeBr from '@angular/common/locales/pt';

In Ngmodule import I also imported LOCALE_ID

Afterward

registerLocaleData(localeBr, 'pt')

And in the declaration of providers

{ provide: LOCALE_ID, useValue: 'pt' }

All this in the main module(appmodule)

Answer 2

According to the official documentation of Angular, you can use the predefined formats of Datepipe, or if you prefer, customize their formats, I believe, will be indicated for your case. Read more about Datepipe on https://angular.io/api/common/DatePipe

Use as follows:

//Classe do seu componente
class SuaClasse{
  hoje: number = Date.now();
}

//no seu template
<div>
  <p>Data e hora de hoje é {{ hoje | date:'dd/MM/yyyy HH:mm:ss' }}</p>
</div>

I hope I’ve helped!

Answer 3

For this you can use the interpolation followed by the pipe date.

Example in HMTL:

{{ variavelComAData | date: 'dd/MM/yyyy hh:mm:ss' }}

For more details see Datepipe documentation in angular Docs.