Angular4 之DatePipe（日期时间管道）

你的名字 2022-11-18 02:13 208阅读 0赞

原文出处：[https://blog.csdn.net/sinat\_41806435/article/details/97891684][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

[https_blog.csdn.net_sinat_41806435_article_details_97891684]: https://blog.csdn.net/sinat_41806435/article/details/97891684

发表评论取消回复

表情：

评论列表（有 0 条评论，208人围观）

还没有评论，来说两句吧...

相关阅读

相关 Angular自定义管道

1.用命令生成multiple管道 ng g pipe pipe/multiple 画面效果： ![20191027181905796.png][] app.compo

女爷i/ 2023年06月10日 12:21/ 0 赞/ 6 阅读

相关 Angular4 之DatePipe（日期时间管道）

原文出处：[https://blog.csdn.net/sinat\_41806435/article/details/97891684][https_blog.csdn.ne

你的名字/ 2022年11月18日 02:13/ 0 赞/ 209 阅读

相关 [angular]服务之4$window

<!DOCTYPE html> <html lang="en" ng-app="testServiceWindow"> <head> <

朴灿烈づ我的快乐病毒、/ 2022年07月13日 05:08/ 0 赞/ 154 阅读

相关 [angular]指令之4templateUrl

<!DOCTYPE html> <html lang="en" ng-app="testDirectiveTemplateUrl"> <head>

骑猪看日落/ 2022年07月13日 02:58/ 0 赞/ 184 阅读

相关 Angular4-在线竞拍应用-管道

<p>我的生日是{ { birthday}}</p> birthday:Date=new Date(); 显示结果为我的生日是Sun Oct 0

ゝ一纸荒年。/ 2022年06月06日 05:57/ 0 赞/ 200 阅读

相关 Angular管道操作符(|)

一、模板表达式操作符模板表达式语言使用了JavaScript 语法的子集，并补充了几个用于特定场景的特殊操作符：管道操作符、安全导航操作符。二、管道操作符 (|) 在

忘是亡心i/ 2022年06月04日 05:23/ 0 赞/ 250 阅读

相关 (十)、Angular4.0 数据绑定、管道

一、基本HTML属性绑定 tableColspan的值会赋给colspan <td [attr.colspan]="tableColspan">Somethi

以你之姓@/ 2022年05月28日 04:35/ 0 赞/ 198 阅读

相关 Angular 2 的Pipe(管道)

Angular 2 中 Pipe(管道) 与 Angular 1.x 中的 filter(过滤器) 的作用的是一样的。它们都是用来对输入的数据进行处理，如大小写转换、数值和日期

桃扇骨/ 2022年05月22日 09:18/ 0 赞/ 213 阅读

相关ｊｓ　之时间日期

日期： ------- var box = new Date(); //实例化一个日期对象 alert(box); 不同浏览器获取的

朴灿烈づ我的快乐病毒、/ 2022年05月19日 06:23/ 0 赞/ 233 阅读

相关 angular 管道应用

原文出处：[https://www.cnblogs.com/LWJ-booke/p/9512126.html][https_www.cnblogs.com_LWJ-booke_

快来打我*/ 2022年05月10日 05:54/ 0 赞/ 180 阅读