comment formater la date en composant de angular 5

Question

Je suis novice dans angular et cherche à formater la date avec la méthode du composant ngOnInit. J'ai vu des exemples où des opérateurs de canal sont utilisés pour formater les données mais je ne sais pas comment formater la date dans un fichier de composant.

ci-dessous est le code 

export class DashboardComponent implements OnInit {
  formatdate = 'dd/MM/yyyy';
  constructor(private auth: AuthService) { }

  ngOnInit() {
    console.log(new Date().toISOString())
  }


}

Answer 1

Vous pouvez trouver plus d'informations sur le canal de date ici, comme les formats 

Si vous voulez l'utiliser dans votre composant, vous pouvez simplement faire 

pipe = new DatePipe('en-US'); // Use your own locale

Maintenant, vous pouvez simplement utiliser sa méthode de transformation, qui sera 

const now = Date.now();
const myFormattedDate = this.pipe.transform(now, 'short');

Answer 2

Il y a également [formatDate] [1] https://angular.io/api/common/formatDate

const format = 'dd/MM/yyyy';
const myDate = '2019-06-29';
const locale = 'en-US';
const formattedDate = formatDate(myDate, format, locale);

Selon l'API, cela prend comme paramètre soit une chaîne de date, un objet Date ou un horodatage.

Gotcha: Hors de la boîte, seul en-US est pris en charge.