1. ホーム
  2. angular

angular 2 で日付を 'yyyy-MM-dd' 形式に変換する方法

2023-10-11 03:39:01

質問

現在のデータを 'yyyy-MM-dd' に変換したい。私はそれがデータパイプを使用することによって容易に行うことができるテンプレート。

テンプレートで。

{{date  | date:'yyyy-MM-dd'}}

このフォーマットで変換する方法 'yyyy-MM-dd' タイプスクリプトで .

を使って、現在の日付を取得しているところです。

this.date =  new Date();

のように表示されますが、これを所定の形式に変換する必要があります。 どのようにそれを行うには、ガイドしてください... ありがとうございます。

どのように解決するのですか?

日付は、typescriptで次のような形式に変換することができます。 'yyyy-MM-dd' Datepipeを使用することで

import { DatePipe } from '@angular/common'
...
constructor(public datepipe: DatePipe){}
...
myFunction(){
 this.date=new Date();
 let latest_date =this.datepipe.transform(this.date, 'yyyy-MM-dd');
}

で、app.module.tsのprovidersの配列にDatepipeを追加するだけです。こんな感じ。

import { DatePipe } from '@angular/common'
...
providers: [DatePipe]