Filtuwan ranar AngularJS

Kauyawa da amfani

date Filtuwa ke datti ranar ayaarun zuwa harsuna kanan.

Ranar ayaarun amana, ayaarun datti, amana datti, tsohuwan kwanan wata ko ayaarun, kamar "2016-01-05T09:05:05.035Z".

Dangi, harsuna ayaarun "MMM d, y" (Jan 5, 2016).

Sayfularan muhimmanci

Tutoci AngularJS:Angular filter

Tasiri

Iya 1

Lakani girmen ta harsuna ayaarun

<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" With "M/d/yy h:mm a" 相同 (1/5/16 9:05 AM)
  • "medium" With "MMM d, y h:mm:ss a" Same (Jan 5, 2016 9:05:05 AM)
  • "shortDate" With "M/d/yy" Same (1/5/16)
  • "mediumDate" With "MMM d, y" Same (Jan 5, 2016)
  • "longDate" With "MMMM d, y" Same (January 5, 2016)
  • "fullDate" With "EEEE, MMMM d, y" Same (Tuesday, January 5, 2016)
  • "shortTime" With "h:mm a" Same (9:05 AM)
  • "mediumTime" With "h:mm:ss a" Same (9:05:05 AM)
timezone Optional. Used for formatting dates with time zones.