[Anguler]日付型のデータを書式指定して表示させる方法

カテゴリ: Angular

Angulerで、JavaScriptの日付型データを書式して表示したい場合は、パイプのdateを使うと良いです。

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
  {{curDate | date: 'short'}} <br />        <!-- 出力:  3/24/2018, 5:01 PM -->
  {{curDate | date: 'yyyy/MM/dd HH:mm:ss'}} <!-- 出力:  2018/03/24 17:01:46 -->
    `,
})

export class AppComponent {
  curDate = new Date();
}

Amazonでおトクに買い物する方法
AmazonチャージでポイントGET


Amazonは買いもの前にAmazonギフト券をチャージしてポイントをゲットしないと損!

こちらもおススメ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です