css - 如何从 Angular 中的一个组件控制所有组件的日期格式？

Question

我在所有组件中都有日期。它们以不同的格式显示。我想在一个 typescript 文件中控制日期格式。我该怎么做？

应用.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `<router-outlet></router-outlet>`
})
export class AppComponent {
Today=Date.now();

}

应用.html

<div class="row">
<p>Current Date : {{Today | date}}</p>
 </div>

提前谢谢大家..

Answer 1

你可以这样做。

首先你需要像这样创建一个变量

public date_format = 'yyyy-MM-dd';

现在在您的 html 中，指定日期格式(使用变量)，

<p>Current Date : {{Today | date: date_format}}</p>

现在您可以像这样将日期格式存储在数组中；

formats = ['yyyy-MM-dd', 'dd-MM-yyyy']

你可以使用这样的方法设置任何日期格式

public changeFormat(formatId) {
   this.date_format = this.formats[formatId];
}