Question

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

app.ts

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

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

}

app.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];
}

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

1 个答案: