Bộ lọc ngày của AngularJS

Định nghĩa và cách sử dụng

date Bộ lọc sẽ định dạng ngày theo định dạng đã chỉ định.

Ngày có thể là đối tượng ngày tháng, số millisecond hoặc chuỗi ngày tháng và giờ, ví dụ "2016-01-05T09:05:05.035Z".

Mặc định, định dạng là "MMM d, y" (Jan 5, 2016).

Trang liên quan

Hướng dẫn AngularJS:Bộ lọc Angular

Mô hình

Ví dụ 1

Hiển thị số theo định dạng ngày tháng:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Ngày = {{ today | date }}</p>
</div>

Thử ngay

Ví dụ 2

Hiển thị ngày bằng định dạng tùy chỉnh:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Ngày = {{ today | date : "dd.MM.y" }}</p>
</div>

Thử ngay

Ví dụ 3

Hiển thị ngày bằng định dạng định nghĩa trước:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Ngày = {{ today | date : "fullDate" }}</p>
</div>

Thử ngay

Ví dụ 4

Hiển thị văn bản và tổ hợp ngày với định dạng định nghĩa trước:

<div ng-app="myApp" ng-controller="datCtrl">
<p>Ngày = {{ today | date : "'ngày hôm nay là ' MMMM d, y" }}</p>
</div>

Thử ngay

Ví dụ 5

Chuyển đổi ngày thành chuỗi ngày giờ:

<div ng-app="">
<p>Ngày = {{ "2016-01-05T09:05:05.035Z" | date }}</p>
</div>

Thử ngay

Cú pháp

{{ date | ngày : format : timezone }}

Tham số

Tham số Mô tả
format

Tùy chọn. Sử dụng để hiển thị định dạng ngày, có thể là một hoặc nhiều trong số các định dạng sau:

  • "yyyy" Năm (2016)
  • "yy" Năm (16)
  • "y" Năm (2016)
  • "MMMM" Tháng (January)
  • "MMM" Tháng (Jan)
  • "MM" Tháng (01)
  • "M" Tháng (1)
  • "dd" Ngày (06)
  • "d" Ngày (6)
  • "EEEE" Thứ (Tuesday)
  • "EEE" Thứ (Tue)
  • "HH" Giờ, 00-23 (09)
  • "H" Giờ 0-23 (9)
  • "hh" Giờ trong AM/PM, 00-12 (09)
  • "h" Giờ trong AM/PM, 0-12 (9)
  • "mm" Phút (05)
  • "m" Phút (5)
  • "ss" Giây (05)
  • "s" Giây (5)
  • "sss" Milisecond (035)
  • "a" (AM/PM)
  • "Z" Khu vực giờ (-1200 đến +1200)
  • "ww" Tuần (00-53)
  • "w" Tuần (0-53)
  • "G" Thời đại (AD)
  • "GG" Thời đại (AD)
  • "GGG" Thời đại (AD)
  • "GGGG" Thời đại (Anno Domini)

Giá trị định dạng có thể là một trong các định dạng định nghĩa trước:

  • "ngắn" Cùng với "M/d/yy h:mm a" Cùng nhau (1/5/16 9:05 AM)
  • "medium" Cùng với "MMM d, y h:mm:ss a" Cùng nhau (Jan 5, 2016 9:05:05 AM)
  • "shortDate" Cùng với "M/d/yy" Cùng nhau (1/5/16)
  • "mediumDate" Cùng với "MMM d, y" Cùng nhau (Jan 5, 2016)
  • "longDate" Cùng với "MMMM d, y" Cùng nhau (Tháng Một 5, 2016)
  • "fullDate" Cùng với "EEEE, MMMM d, y" Cùng nhau (Thứ Ba, Tháng Một 5, 2016)
  • "shortTime" Cùng với "h:mm a" Cùng nhau (9:05 AM)
  • "mediumTime" Cùng với "h:mm:ss a" Cùng nhau (9:05:05 AM)
timezone Tùy chọn. Dùng để định dạng thời gian theo khu vực giờ.