[解決済み] Angular 4 で 'yyyy-MM-dd' フォーマットで現在の日付を取得する

質問

特定のフォーマット 'yyyy-MM-dd' で現在の日付を取得するにはどうすればよいですか？2018-07-12'、コマンドを使用するだけです。

myDate = new Date();

ありがとうございました

解決方法は？

Angularで日付の書式を設定するには、DatePipeを使用します。

ts で日付の書式を設定する場合、コンストラクタで以下のように DatePipe を Service としてインジェクトすることができます。

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');