以角度2格式化日期时间

Question

如何在Angular2中显示日期时间？

{{DTE}}

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

虽然我需要它打印像

2015年10月10日

Answer 1

只需使用带有{{dte}}的管道过滤器......

只需使用{{dte | date:'MM/dd/yyyy @ h:mma'}}

它会给你你想要的输出:)

Answer 2

使用日期管道:

{{dte | date}}

您可以选择预定义的格式(例如shortDate):

{{dte | date:'mediumDate'}}

或者指定您的自定义格式:

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

Answer 3

你可以使用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