Bộ lọc date
AngularJS
Ví dụ
Hiển thị số dưới dạng ngày tháng:
<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{
today |
date }}</p>
</div>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Bộ lọc date
định dạng một ngày theo định dạng được chỉ định.
Ngày có thể là đối tượng ngày, mili giây hoặc chuỗi ngày giờ như "2016-01-05T09:05:05.035Z"
Theo mặc định, định dạng là "MMM d, y" (5 tháng 1 năm 2016).
Cú pháp
{{ date | date : format :
timezone }}
Giá trị tham số
Value | Description |
---|---|
format | Optional. The date format to display the date in, which can be one or
more of the following:"yyyy" year (2016)"yy"
year (16)"y" year (2016)"MMMM" month
(January)"MMM" month (Jan)"MM" month (01)"M" month (1)"dd" day (06) "d"
day (6)"EEEE" day (Tuesday)"EEE" day (Tue)"HH" hour, 00-23 (09)"H" hour 0-23 (9)"hh" hour in AM/PM, 00-12 (09)"h" hour in
AM/PM, 0-12 (9)"mm" minute (05)"m" minute
(5)"ss" second (05)"s" second (5)"sss" millisecond (035)"a" (AM/PM)
"Z" timezone (from -1200 to +1200)"ww" week (00-53)"w" week (0-53)"G" era (AD)"GG"
era (AD)"GGG" era (AD)"GGGG" era (Anno
Domini)The format value can also be one of the following predefined formats: "short" same as "M/d/yy h:mm a" (1/5/16 9:05 AM)"medium" same as "MMM d, y h:mm:ss a" (Jan 5, 2016 9:05:05 AM)"shortDate" same as "M/d/yy" (1/5/16)"mediumDate" same as "MMM d, y" (Jan
5, 2016)"longDate" same as "MMMM d, y" (January
5, 2016)"fullDate" same as "EEEE, MMMM d, y" (Tuesday, January
5, 2016)"shortTime" same as "h:mm a" (9:05 AM)"mediumTime" same as "h:mm:ss a" (9:05:05 AM)
|
timezone | Optional. The timezone used to format the date. |
Thêm ví dụ
Ví dụ
Hiển thị ngày ở định dạng tùy chỉnh:
<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{
today |
date : "dd.MM.y" }}</p>
</div>
Hãy tự mình thử »Ví dụ
Hiển thị ngày bằng định dạng được xác định trước:
<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{
today |
date : "fullDate" }}</p>
</div>
Hãy tự mình thử »Ví dụ
Hiển thị sự kết hợp ngày của văn bản và định dạng được xác định trước:
<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{ today | date : "'today is ' MMMM d, y" }}</p>
</div>
Hãy tự mình thử »Ví dụ
Ngày dưới dạng chuỗi ngày giờ:
<div ng-app="">
<p>Date = {{ "2016-01-05T09:05:05.035Z" | date }}</p>
</div>
Hãy tự mình thử »Trang liên quan
Hướng dẫn AngularJS: Bộ lọc góc