Angular4 之DatePipe（日期时间管道）

最新推荐文章于 2024-07-06 14:07:21 发布

转载最新推荐文章于 2024-07-06 14:07:21 发布 · 1.5k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://blog.csdn.net/sinat_41806435/article/details/97891684

收录于

实用同时被 3 个专栏收录

738 篇文章

订阅专栏

Ionic3

175 篇文章

订阅专栏

Angular2

139 篇文章

订阅专栏

原文出处为https://blog.csdn.net/sinat_41806435/article/details/97891684，文中推荐了两个好用的日期时间转换插件，一是从 '@angular/common' 导入的 DatePipe，文档可在包内查看，二是 momentjs。

原文出处：https://blog.csdn.net/sinat_41806435/article/details/97891684

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