web-dev-qa-db-fra.com

Comment convertir une date dans ce format 'aaaa-mm-jj' en angulaire 2

Je veux convertir les données actuelles au format 'yyyy-MM-dd' dans un fichier .ts. Je peux facilement utiliser ce modèle en utilisant un canal de données. comment faire cela dans TypeScript.

Dans le modèle:

{{date  | date:'yyyy-MM-dd'}}

Comment convertir dans ce format 'yyyy-MM-dd' dans TypeScript .

maintenant, je viens d’obtenir la date du jour en l’utilisant.

this.date =  new Date();

mais il faut le convertir en format donné . S'il vous plaît guider comment faire cela ... Merci!

17
Umar Rasheed

La date peut être convertie dans TypeScript au format 'yyyy-MM-dd' à l'aide de Datepipe.

import { DatePipe } from '@angular/common'
...
constructor(public datepipe: DatePipe){}
...
myFunction(){
 this.date=new Date();
 let latest_date =this.datepipe.transform(this.date, 'yyyy-MM-dd');
}

et ajoutez simplement Datepipe dans le tableau 'fournisseurs' de app.module.ts. Comme ça: 

import { DatePipe } from '@angular/common'
...
providers: [DatePipe]
57
Umar Rasheed

Une solution simple serait d'écrire

this.date = new Date().toLocaleDateString();

date .toLocaleDateString() heure .toLocaleTimeString() les deux .toLocaleString()

J'espère que cela t'aides.

1
ahmed hamed

Vous pouvez aussi essayer cela.

considérer la date du jour '28 déc 2018 '(par exemple)

 this.date = new Date().toISOString().slice(0,10); 

new Date () nous obtenons comme: ven 28 déc 2018 11:44:33 GMT + 0530 (Inde heure normale)

toISOString convertira en: 2018-12-28T06: 15: 27.479Z

tranche (0,10), nous ne recevons que les 10 premiers caractères de la date qui contient aaaa-mm-jj: 2018-12-28.

1
Tina

Je vous suggère de regarder Moment.js si vous avez des problèmes avec Angular. Au moins, c'est une solution rapide sans perdre trop de temps. 

0
redbear