以角度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

使用date pipe：

{{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

Answer 4

此外，要使用RFC时间标准，只需编写以下格式dd.MM.yy HH:mm：

{{ yourDate | date:'dd.MM.yy HH:mm' }} 

输出将为：15.11.2018 16:38