Javascript Angular8:全局日期格式配置

我正在使用Angular8，希望格式化日期和时间，但我必须反复使用具有相同格式模式的日期管道，如下所示

<p>{{ myDate | date: 'dd MMM yyyy, h:mm a' }}</p>
<p>{{ myOtherDate date: 'dd MMM yyyy, h:mm a' }}</p>
<p>{{ otherVar }}</p>
<p>{{ myOtherOtherDate date: 'dd MMM yyyy, h:mm a' }}</p>

只需将日期管道用作

<p>{{ myDate | date }}</p>
<p>{{ myOtherDate | date }}</p>
<p>{{ otherVar }}</p>
<p>{{ myOtherOtherDate | date:'MMyyDD' }}</p> (If format changed)

{{myDate | date}

{{myOtherDate | date}}

{{otherVar}}

{{myOtherOtherDate}日期：'MMyyDD'}
（如果格式更改）

您可以在ts文件中创建一个本地日期管道，并将日期转换为最常用的格式，其余时间使用管道本身

    yourNormalDateString : Date = new Date();
    datePipe = new DatePipe('YOUR_LOCAL_CODE');
    dateToDisplay = this.datePipe.transform(this.yourNormalDateString, 'Your Date Format String');

---

您可以在ts文件中创建一个本地日期管道，并将日期转换为最常用的格式，其余时间使用管道本身

    yourNormalDateString : Date = new Date();
    datePipe = new DatePipe('YOUR_LOCAL_CODE');
    dateToDisplay = this.datePipe.transform(this.yourNormalDateString, 'Your Date Format String');

---

您可以在项目中创建新的日期管道，并始终初始化格式

@Pipe({
    name: "myDate"
})
export class MyDatePipe {

    constructor(private datePipe: DatePipe) {}

    transform(value: any): string {
        let format = "dd MMM yyyy, h:mm a";
        return this.datePipe.transform(new Date(value), format);
    }
}

---

您可以在项目中创建新的日期管道，并始终初始化格式

@Pipe({
    name: "myDate"
})
export class MyDatePipe {

    constructor(private datePipe: DatePipe) {}

    transform(value: any): string {
        let format = "dd MMM yyyy, h:mm a";
        return this.datePipe.transform(new Date(value), format);
    }
}

---

您可以创建一个自定义管道，该管道使用

LOCAL\u pipe\u DATE\u模式

，并在内部使用角度日期管道。通过这种方式，您还可以包括需要在整个应用程序中全局添加的任何其他格式，例如，如果要添加前缀或后缀。您可以创建一个自定义管道，该管道使用

本地\u管道\u日期\u模式

，并在内部使用角度日期管道。通过这种方式，您还可以包括需要在整个应用程序中全局添加的任何其他格式，例如，如果要添加前缀或后缀。