如何在角度为5的Component中格式化日期


how to format date in Component of angular 5

我是角色的新手，并希望在组件ngOnInit方法中格式化日期。 我已经看到一些示例，其中管道运算符用于格式化数据，但我不知道如何格式化组件文件中的日期。

下面是代码

1
2
3
4
5
6
7
8
9
10
export class DashboardComponent implements OnInit {
  formatdate = 'dd/MM/yyyy';
  constructor(private auth: AuthService) { }

  ngOnInit() {
    console.log(new Date().toISOString())
  }


}
相关讨论

您可以在此处找到有关日期管道的更多信息，例如格式。

如果您想在组件中使用它，您可以这样做

1
pipe = new DatePipe('en-US'); // Use your own locale

现在，您可以简单地使用它的变换方法

1
2
const now = Date.now();
const myFormattedDate = this.pipe.transform(now, 'short');
相关讨论

同样有formatDate

1
2
3
4
const format = 'dd/MM/yyyy';
const myDate = '2019-06-29';
const locale = 'en-US';
const formattedDate = formatDate(myDate, format, locale);

根据API，它将日期字符串，Date对象或时间戳作为参数。

问题：开箱即用，仅支持en-US。

如果您需要添加其他语言环境，则需要添加它并在app.module中注册，例如西班牙语：

1
2
import localeES from"@angular/common/locales/es";
registerLocaleData(localeES,"es");

别忘了添加相应的导入：

1
import { formatDate } from"@angular/common";