格式日期時間在Angular 2中

Question

如何在Angular2中顯示日期時間？

{{DTE}}

它打印日期2014-10-10T11：42：28.000Z

，而我需要打印像

2015年10月10日

Answer 1

可以使用moment.js作爲第三方。

amDateFormat管

import {DateFormatPipe} from 'angular2-moment'; 
    @Component({ 
     selector: 'app', 
     pipes: [DateFormatPipe], 
     template: ` 
     Last updated: <time>{{myDate | amDateFormat:'LL'}}</time> 
     ` 
    }) 

Prints Last updated: January 24, 2016 

文檔：https://github.com/urish/angular2-moment

Answer 2

只是使用與UR {{DTE}}管道過濾器...

只使用{{DTE |日期： 'MM/DD/YYYY @ H：MMA'}}

它會給ü所需輸出:)

Answer 3

使用date pipe：

{{dte | date}} 

您可以選擇預定義的格式（例如shortDate）：

{{dte | date:'mediumDate'}} 

或指定自定義格式：

{{dte | date:'MM dd, yyyy'}}