格式日期时间在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'}}