AngularJS date 過濾器
定義和用法
date
過濾器將日期格式化為指定的格式。
日期可以是日期對象、毫秒數或日期時間字符串,如 "2016-01-05T09:05:05.035Z"。
默認情況下,格式為 "MMM d, y"(Jan 5, 2016)。
相關頁面
AngularJS 教程:Angular 過濾器
實例
例子 1
將數字顯示為日期格式:
<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 |
可選。用于顯示日期的日期格式,可以是以下一項或多項:
格式值還可以是以下預定義格式之一:
|
timezone | 可選。用于格式化日期的時區。 |