AngularJS päivämääräsuodattin

Määrittely ja käyttö

date Suodattimet muuntavat päivämäärän määritettyyn muotoon.

Päivämäärä voi olla päivämäärätunti, millisekuntimäärä tai päivämääräaikaleima, kuten "2016-01-05T09:05:05.035Z".

Oletusarvoisesti muoto on "MMM d, y" (tammikuu 5, 2016).

Liittyvät sivut

AngularJS oppitunti:Angular suodattimet

Esimerkki

Esimerkki 1

Näytä numerot päivämäärämuodossa:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Päivämäärä = {{ tänään | päivämäärä }}</p>
</div>

亲自试一试

esimerkki 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" Ja "M/d/yy h:mm a" 相同 (1/5/16 9:05 AM)
  • "medium" Ja "MMM d, y h:mm:ss a" Sama (Jan 5, 2016 9:05:05 AM)
  • "shortDate" Ja "M/d/yy" Sama (1/5/16)
  • "mediumDate" Ja "MMM d, y" Sama (Jan 5, 2016)
  • "longDate" Ja "MMMM d, y" Sama (January 5, 2016)
  • "fullDate" Ja "EEEE, MMMM d, y" Sama (Tuesday, January 5, 2016)
  • "shortTime" Ja "h:mm a" Sama (9:05 AM)
  • "mediumTime" Ja "h:mm:ss a" Sama (9:05:05 AM)
timezone Valinnainen. Käytetään päivämäärän muotoiluun aikavyöhykkeen kanssa.