利用Angular Pipe实现时间格式化

Typescript和Javascript的Date对象非常灵活,可以输出一些不同类型的格式化字串显示。

例如:

console.log(new Date('2019-01-01').toString()) //输出为 Tue Jan 01 2019 08:00:00 GMT+0800 (中国标准时间)

console.log(new Date('2019-01-01').d.toLocaleDateString())  //输出为 2019/1/1

然而,Date对象没有完整的格式化输出能力。例如,上文原生方法,无法输出"2019-01-01"

因此开发者往往需要自行实现Date的格式化输出。

******

Angular的DatePipe实现了非常方便的时间格式化显示,在html页面中可以直接显示不同格式的时间。语法形式为 date_expression | date[:format[:timezone[:locale]]]

例如 {{today | date:'yyyy-MM-dd'}}

参考文档只介绍了如何在html中打印输出,我们可以更进一步。

利用DatePipe实现Date对象转化为格式化字串。具体做法

1、在*.module.ts中引入Datepipe

     providers: [DatePipe],

2、在*.component.ts中使用。

constructor(public datepipe:DatePipe) {}

……

let s = this.datepipe.transform(new Date('2019-01-01'),'yyyy-MM-dd');

console.log(s)  //输出为 2019-01-01


参考

DatePipe

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • pyspark.sql模块 模块上下文 Spark SQL和DataFrames的重要类: pyspark.sql...
    mpro阅读 9,505评论 0 13
  • 先创建服务端的APP 1.官网下载Winrun4j。http://winrun4j.sourceforge.net...
    Alex_1799阅读 1,808评论 1 2
  • 在应用程序中添加日志记录总的来说基于三个目的:监视代码中变量的变化情况,周期性的记录到文件中供其他应用进行统计分析...
    时待吾阅读 5,083评论 1 13
  • 在应用程序中添加日志记录总的来说基于三个目的:监视代码中变量的变化情况,周期性的记录到文件中供其他应用进行统计分析...
    时待吾阅读 5,029评论 0 6
  • 1. 介绍:阐述 Date 对象。 Date对象,是操作日期和时间的对象。Date对象对日期和时间的操作只能通过方...
    花差花差小宝阅读 601评论 0 1