118 votes

Comment convertir une chaîne en date dans Angular2 \ Typescript?

Je veux créer un nouvel objet Date, avec une date spécifique. J'ai pensé à le convertir à partir d'une chaîne spécifique, par exemple:

 let dateString = '1968-11-16T00:00:00'
 

Comment puis-je le convertir en un objet date en tapuscrit ?

Mise à jour:

Je demande une solution en Typescript et non en Javascript, et en Angular2 , pas AngularJS (1.x)

272voto

Sandip Patel Points 9692

Vous pouvez utiliser le filtre de date pour convertir la date et l'afficher dans un format spécifique.

Dans le fichier .ts (dactylographié):

 let dateString = '1968-11-16T00:00:00' 
let newDate = new Date(dateString);
 

En HTML:

 {{dateString |  date:'MM/dd/yyyy'}}
 

Voici quelques formats que vous pouvez implémenter:

Backend:

 public todayDate = new Date(Date.parse(Date()));
 

HTML:

 <select>
<option value=""></option>
<option value="MM/dd/yyyy">[{{todayDate | date:'MM/dd/yyyy'}}]</option>
<option value="EEEE, MMMM d, yyyy">[{{todayDate | date:'EEEE, MMMM d, yyyy'}}]</option>
<option value="EEEE, MMMM d, yyyy h:mm a">[{{todayDate | date:'EEEE, MMMM d, yyyy h:mm a'}}]</option>
<option value="EEEE, MMMM d, yyyy h:mm:ss a">[{{todayDate | date:'EEEE, MMMM d, yyyy h:mm:ss a'}}]</option>
<option value="MM/dd/yyyy h:mm a">[{{todayDate | date:'MM/dd/yyyy h:mm a'}}]</option>
<option value="MM/dd/yyyy h:mm:ss a">[{{todayDate | date:'MM/dd/yyyy h:mm:ss a'}}]</option>
<option value="MMMM d">[{{todayDate | date:'MMMM d'}}]</option>   
<option value="yyyy-MM-ddTHH:mm:ss">[{{todayDate | date:'yyyy-MM-ddTHH:mm:ss'}}]</option>
<option value="h:mm a">[{{todayDate | date:'h:mm a'}}]</option>
<option value="h:mm:ss a">[{{todayDate | date:'h:mm:ss a'}}]</option>      
<option value="EEEE, MMMM d, yyyy hh:mm:ss a">[{{todayDate | date:'EEEE, MMMM d, yyyy hh:mm:ss a'}}]</option>
<option value="MMMM yyyy">[{{todayDate | date:'MMMM yyyy'}}]</option>      
 

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X