InvalidPipeArgument pour pipe 'DatePipe'

Question

je dois formater une date dans une application angulaire donc j'utiliser la pipe Date:

{{myDate | date:'dd.MM.y'}} 

La date que je reçois d'un webservice il est dans le format suivant: dd/mm/aaaa (ex .: 31/12/2017). Donc quand j'essaye d'appliquer le pipe à une date comme 01/01/2017 cela fonctionne, mais pas au 31/12/2017, en obtenant l'erreur suivante: "InvalidPipeArgument: '31/12/2017 'pour pipe' DatePipe '"

Comment puis-je résoudre ce problème?

Answer 1

Juste essayer avec tuyau date ou vous pouvez créer un tuyau personnalisé à l'aide ci-dessous la méthode

<div>{{convertDate(dateString)}}</div> 

Dans votre composant:

convertDate(date){ 
    let dateArray=date.split("/"); 
    let newDate = dateArray[0] + "." + dateArray[1] + "." + dateArray[2]; 
    return newDate; 
}