Angular4 之DatePipe（时间管道）

最新推荐文章于 2024-04-30 12:14:06 发布

Coder_shasha

最新推荐文章于 2024-04-30 12:14:06 发布

阅读量1.1w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Angular

本文链接：https://blog.youkuaiyun.com/sinat_41806435/article/details/97891684

Angular 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了使用Angular DatePipe和Moment.js进行日期时间格式转换的方法，包括详细的格式化选项，如'yyyy-MM-dd HH:mm:ss'、'medium'、'short'等，并提供了插件的导入方式及Moment.js的高级用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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