angular - 如何在 Angular 5的组件中格式化日期

Question

我是 Angular 的新手，希望在组件 ngOnInit 方法中格式化日期。我看过一些使用管道运算符格式化数据的示例，但我不知道如何格式化组件文件中的日期。

下面是代码

export class DashboardComponent implements OnInit {
  formatdate = 'dd/MM/yyyy';
  constructor(private auth: AuthService) { }

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


}

Answer 1

同样有formatDate

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

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

陷阱:开箱即用，仅支持 en-US。

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

import { registerLocaleData } from '@angular/common';
import localeES from "@angular/common/locales/es";
registerLocaleData(localeES, "es");

不要忘记添加相应的导入:

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