1. ホーム
  2. angular

[解決済み] Angular 5 の Component で日付をフォーマットする方法

2022-03-12 10:37:22

質問

私はangularの初心者で、コンポーネントのngOnInitメソッドで日付をフォーマットすることを探しています。パイプ演算子を使用してデータをフォーマットするいくつかの例を見たことがありますが、私はコンポーネントファイルで日付をフォーマットする方法がわかりません。

以下はコードです。

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

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


}

解決方法は?

を見つけることができます。 日付パイプの詳細については、こちらをご覧ください。 のような、フォーマットなど。

自分のコンポーネントで使いたい場合は、単純に

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

ここで、そのtransformメソッドを使用すれば、次のようになります。

const now = Date.now();
const myFormattedDate = this.pipe.transform(now, 'short');