Angular8:全局日期格式配置

Question

我正在使用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>

同样的格式date: 'dd MMM yyyy, h:mm a'将被使用在我的项目的每个组件中。

有没有办法在我的App Module的提供者中提供全局配置，就像这样

@NgModule({
    providers: [
        {provide: LOCAL_PIPE_DATE_PATTERN, useValue: 'ddMMyy'},
    ],
})
export class AppModule {}

只需使用日期管道作为

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

Answer 1

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

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

Answer 2

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

@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);
    }
}