AngularJS date 过滤器
示例
将数字显示为日期格式
<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{ today | date }}</p>
</div>
自己尝试 »
定义和用法
date 过滤器将日期格式化为指定的格式。
日期可以是日期对象、毫秒或像 "2016-01-05T09:05:05.035Z" 这样的日期时间字符串。
默认情况下，格式为 "MMM d, y" (Jan 5, 2016)。
语法
{{ date | date : format : timezone }}
参数值
| 值 | 描述 |
|---|---|
| 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" 上午/下午的小时，00-12 (09)"h" 上午/下午的小时，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)format 值也可以是以下预定义格式之一 "short" 与 "M/d/yy h:mm a" 相同 (1/5/16 9:05 AM)"medium" 与 "MMM d, y h:mm:ss a" 相同 (Jan 5, 2016 9:05:05 AM)"shortDate" 与 "M/d/yy" 相同 (1/5/16)"mediumDate" 与 "MMM d, y" 相同 (Jan 5, 2016)"longDate" 与 "MMMM d, y" 相同 (January 5, 2016)"fullDate" 与 "EEEE, MMMM d, y" 相同 (Tuesday, January 5, 2016)"shortTime" 与 "h:mm a" 相同 (9:05 AM)"mediumTime" 与 "h:mm:ss a" 相同 (9:05:05 AM) |
| timezone | 可选。用于格式化日期的时区。 |
更多示例
示例
以自定义格式显示日期
<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{ today | date : "dd.MM.y" }}</p>
</div>
自己尝试 »
示例
使用预定义格式显示日期
<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{ today | date : "fullDate" }}</p>
</div>
自己尝试 »
示例
显示日期文本和预定义格式的组合
<div ng-app="myApp" ng-controller="datCtrl">
<p>Date = {{ today | date : "'today is ' MMMM d, y" }}</p>
</div>
自己尝试 »
相关页面
AngularJS 教程：Angular 过滤器
