angular - 在 Angular 4 中以 'yyyy-MM-dd' 格式获取当前日期

Question

我如何使用特定格式“yyyy-MM-dd”获取当前日期，例如今天我的结果是:“2018-07-12”，仅使用命令

myDate = new Date();

非常感谢

Answer 1

您可以使用 DatePipe 在 Angular 中格式化日期。

在 ts 中，如果你想格式化日期，那么你可以像这样在构造函数中注入(inject) DatePipe 作为服务

import { DatePipe } from '@angular/common';

@Component({
    templateUrl: './name.component.html',
    styleUrls: ['./name.component.scss'],
    providers: [DatePipe]
})

myDate = new Date();
constructor(private datePipe: DatePipe){
    this.myDate = this.datePipe.transform(this.myDate, 'yyyy-MM-dd');
}

如果你想在 html 文件中格式化，'Shortdate' 将返回 MM/DD/YY 类型的日期

{{myDate | date: 'shortDate' }}

从 Angular 6 开始，这也有效，

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

formatDate(new Date(), 'yyyy/MM/dd', 'en');