Angular4 之DatePipe（时间管道）

 

{{ dateTime | date:'yyyy-MM-dd HH:mm:ss'}} // 1989-07-22 10:21:21

{{ dateTime | date:'medium' }} // 1989年7月22日 上午10:21:21

{{ dateTime | date:'short' }} // 1989/7/22 上午10:21

{{ dateTime | date:'fullDate' }} // 1989年7月22日星期六

{{ dateTime | date:'longDate' }} // 1989年7月22日

{{ dateTime | date:'mediumDate' }} // 1989年7月22日

{{ dateTime | date:'shortDate' }} // 1989/7/22

{{ dateTime | date:'mediumTime' }} // 上午10:21:21

{{ dateTime | date:'shortTime' }} // 上午10:21

在这边再推荐两个好用的日期时间转换插件

1. import { DatePipe } from '@angular/common';

文档可以在包里面查看

2. momentjs

moment().format('MMMM Do YYYY, h:mm:ss a'); // 八月 6日 2019, 2:49:48 下午
moment().format('dddd');                    // 星期二
moment().format("MMM Do YY");               // 8月 6日 19
moment().format('YYYY [escaped] YYYY');     // 2019 escaped 2019
moment().format();                          // 2019-08-06T14:49:48+08:00