AngularJS date フィルタ
定義と使用法
date
フィルタは指定されたフォーマットに日付を整形します。
日付は日付オブジェクト、ミリ秒数、または日付時刻文字列(「2016-01-05T09:05:05.035Z」)で指定できます。
デフォルトでは、フォーマットは「MMM d, y」(Jan 5, 2016)です。
関連ページ
AngularJS ツール:Angular フィルタ
例
例 1
数字を日付形式に表示します:
<div ng-app="myApp" ng-controller="datCtrl"> <p>日付 = {{ today | date }}</p> </div>
例 2
カスタムフォーマットを使用して日期を表示します:
<div ng-app="myApp" ng-controller="datCtrl"> <p>Date = {{ today | date : "dd.MM.y" }}</p> </div>
例 3
プレデファインドフォーマットを使用して日期を表示します:
<div ng-app="myApp" ng-controller="datCtrl"> <p>Date = {{ today | date : "fullDate" }}</p> </div>
例 4
テキストとプレデファインドフォーマットの日付の組み合わせを表示します:
<div ng-app="myApp" ng-controller="datCtrl"> <p>Date = {{ today | date : "'today is ' MMMM d, y" }}</p> </div>
例 5
日期時間文字列として日期を指定します:
<div ng-app=""> <p>Date = {{ "2016-01-05T09:05:05.035Z" | date }}</p> </div>
文法
{{ date | date : format : 同じ (9:05:05 AM) }}
パラメータ
パラメータ | 説明 |
---|---|
format |
任意。日付の表示形式を指定するために使用されます。以下のいずれかまたは複数を選択できます:
フォーマット値は以下のプレデファインドフォーマットのいずれかです:
|
同じ (9:05:05 AM) | timezone |