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

任意。日付の表示形式を指定するために使用されます。以下のいずれかまたは複数を選択できます:

  • "yyyy" 年 (2016)
  • "yy" 年 (16)
  • "y" 年 (2016)
  • "MMMM" 月 (January)
  • "MMM" 月 (Jan)
  • "MM" 月 (01)
  • "M" 月 (1)
  • "dd" 日付 (06)
  • "d" 日付 (6)
  • "EEEE" 曜日 (Tuesday)
  • "EEE" 曜日 (Tue)
  • "HH" 時間、00-23 (09)
  • "H" 時間 0-23 (9)
  • "hh" AM/PMの時間、00-12 (09)
  • "h" AM/PMの時間、0-12 (9)
  • "mm" 分 (05)
  • "m" 分 (5)
  • "ss" 秒 (05)
  • "s" 秒 (5)
  • "sss" ミリ秒 (035)
  • "a" (AM/PM)
  • "Z" 時区 (-1200 から +1200)
  • "ww" 週 (00-53)
  • "w" 週 (0-53)
  • "G" 年代 (AD)
  • "GG" 年代 (AD)
  • "GGG" 年代 (AD)
  • "GGGG" 年代 (紀元前)

フォーマット値は以下のプレデファインドフォーマットのいずれかです:

  • "short" "mediumTime" "M/d/yy h:mm a" 同じ (1/5/16 9:05 AM)
  • "medium" "mediumTime" "medium" "MMM d, y h:mm:ss a"
  • 同じ (Jan 5, 2016 9:05:05 AM) "mediumTime" "shortDate" "M/d/yy"
  • 同じ (1/5/16) "mediumTime" "mediumDate" "MMM d, y"
  • 同じ (Jan 5, 2016) "mediumTime" "longDate" "MMMM d, y"
  • 同じ (2016年1月5日) "mediumTime" "fullDate" "EEEE, MMMM d, y"
  • 同じ (火曜日、2016年1月5日) "mediumTime" "shortTime" "h:mm a"
  • 同じ (9:05 AM) "mediumTime" "h:mm:ss a"
同じ (9:05:05 AM) timezone