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>Date = {{ 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 : timezone }}

参数

参数 描述
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" 年代 (Anno Domini)

格式值还可以是以下预定义格式之一:

  • "short""M/d/yy h:mm a" 相同 (1/5/16 9:05 AM)
  • "medium""MMM d, y h:mm:ss a" 相同 (Jan 5, 2016 9:05:05 AM)
  • "shortDate""M/d/yy" 相同 (1/5/16)
  • "mediumDate""MMM d, y" 相同 (Jan 5, 2016)
  • "longDate""MMMM d, y" 相同 (January 5, 2016)
  • "fullDate""EEEE, MMMM d, y" 相同 (Tuesday, January 5, 2016)
  • "shortTime""h:mm a" 相同 (9:05 AM)
  • "mediumTime""h:mm:ss a" 相同 (9:05:05 AM)
timezone 可选。用于格式化日期的时区。