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>
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>
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>
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>
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>
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:
Giá trị định dạng có thể là một trong các định dạng định nghĩa trước:
|
timezone | Tùy chọn. Dùng để định dạng thời gian theo khu vực giờ. |