时间戳

首页 > 解决方案 > Angular 2+ 自定义日期管道名称

angular - Angular 2+ 自定义日期管道名称

问题描述

角度日期管道对于格式化日期非常实用。

https://angular.io/api/common/DatePipe

是否可以创建自定义日期/时间格式字符串？我知道我们可以使用这个：

{{myDate | date: 'dd.MM.yyy - HH:ss'}}

我想要的是用现有的定义一个全局自定义名称；short，medium等等long。

{{myDate | date: 'myOwnString'}}

myOwnString 应该是这样的；dd.MM.yyy - HH:ss.

标签： angular

解决方案

唯一可以不编写自定义管道的方法是在内部定义常量格式字符串constant.ts

   export enum DateFormats{
        Medium = "dd.MM.yyy - HH:ss"
        Short = "dd.MM.yyy"
    }

并且每当您在组件内使用它时，将其分配给组件字段

@Component({
})
export class SomeComponent{
   DATE_FORMATS = DateFormats
}

在此之后，您可以在 HTML 中使用

<div> {{myDate | date: DATE_FORMATS.Short}}
 </div>

推荐阅读