Angular 2+ 自定义日期管道名称答案

【问题标题】：Angular 2+ custom date pipe namesAngular 2+ 自定义日期管道名称
【发布时间】：2020-06-08 06:51:39
【问题描述】：

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

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

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

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

{{myDate | date: 'myOwnString'}}

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

【问题讨论】：

标签： angular

【解决方案1】：

您唯一可以不编写自定义管道的方法是在 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>

【讨论】：