Φίλτρο ημερομηνίας AngularJS

Ορισμός και χρήση

date Ο φίλτρο μορφοποιεί την ημερομηνία στην καθορισμένη μορφή.

Η ημερομηνία μπορεί να είναι αντικείμενο ημερομηνίας, αριθμός millisecond ή αλφαριθμητική αλληλουχία ημερομηνίας και ώρας, όπως "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 π.μ.) }}

参数

参数 描述
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" Με τον ίδιο τρόπο (9:05 π.μ.) "M/d/yy h:mm a" 相同 (1/5/16 9:05 AM)
  • "medium" Με τον ίδιο τρόπο (9:05 π.μ.) "MMM d, y h:mm:ss a" "medium"
  • "MMM d, y h:mm:ss a" Με τον ίδιο τρόπο (9:05 π.μ.) Με τον ίδιο τρόπο (Jan 5, 2016 9:05:05 π.μ.) "shortDate"
  • "M/d/yy" Με τον ίδιο τρόπο (9:05 π.μ.) Με τον ίδιο τρόπο (1/5/16) "mediumDate"
  • "MMM d, y" Με τον ίδιο τρόπο (9:05 π.μ.) Με τον ίδιο τρόπο (Jan 5, 2016) "longDate"
  • "MMMM d, y" Με τον ίδιο τρόπο (9:05 π.μ.) Με τον ίδιο τρόπο (January 5, 2016) "fullDate"
  • "EEEE, MMMM d, y" Με τον ίδιο τρόπο (9:05 π.μ.) Με τον ίδιο τρόπο (Tuesday, January 5, 2016) "shortTime"
  • "h:mm a" Με τον ίδιο τρόπο (9:05 π.μ.) Με τον ίδιο τρόπο (9:05 π.μ.) "h:mm:ss a"
Αυτός ο ίδιος (9:05:05 π.μ.) timezone