如何在Angular2 \ Typescript中将字符串转换为日期?

时间:2017-04-04 08:42:08

标签: angular typescript

我想创建一个具有特定日期的新Date对象。 我想过将它从特定的字符串中转换出来,例如:

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

如何将其转换为日期对象 in typescript

更新

我要求一个解决方案在Typescript 而不是在Javascript中,在 Angular2 ,而不是AngularJS(1.x)

1 个答案:

答案 0 :(得分:120)

您可以使用日期过滤器转换日期并以特定格式显示。

在.ts文件(打字稿)中:

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

在HTML中:

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

以下是您可以实施的一些格式:

<强>后端

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>