2016-07-21 18 views
6

日付時刻をAngular2で表示する方法は?書式日付時刻の角2

{{DTEは}}

これは印刷日付2014-10-10T11:42:28.000Z

私はそれが10月10日

ような印刷必要ながら、

答えて

4

あなたが第三者としてmoment.jsを使用することができます。

amDateFormatパイプ

import {DateFormatPipe} from 'angular2-moment'; 
    @Component({ 
     selector: 'app', 
     pipes: [DateFormatPipe], 
     template: ` 
     Last updated: <time>{{myDate | amDateFormat:'LL'}}</time> 
     ` 
    }) 

Prints Last updated: January 24, 2016 

ドキュメント:https://github.com/urish/angular2-moment

+0

ありがとうYasemin cidem – Ricky

8

2015はちょうど使用ウル{{}} DTEとのパイプフィルター...

だけ使う{{DTE |日付: 'MM/DD/YYYYの@のH:MMA'}}

は、それがUあなたの所望の出力が得られます:)

+0

なしにその動作していません。それはerrroに "無効な引数 'を与えます。2016-07-20T11:42:28.000Z' pipe 'DatePipe' – Ricky

+0

あなたの状況を確認しました。私はあなたと同じフォーマットで日付を取得していましたが、フィルター私は正しい結果を得る –

7

使用date pipe

01:

{{dte | date}} 

あなたは、所定のフォーマット(例えばshortDate)を選択することができます

またはカスタム書式を指定します。

{{dte | date:'MM dd, yyyy'}} 
関連する問題