web-dev-qa-db-fra.com

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 de date in TypeScript?

Mise à jour:

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

41
cookya

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

Dans le fichier .ts (TypeScript):

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

En HTML:

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

Vous trouverez ci-dessous 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>