AngularJS date 过滤器
示例
将数字显示为日期格式
<div ng-app="myApp" ng-controller="datCtrl">
<p>日期 = {{ 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" 小时 (AM/PM)，00-12 (09)"h" 小时 (AM/PM)，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)格式值也可以是以下预定义格式之一 "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>日期 = {{ today | date : "dd.MM.y" }}</p>
</div>
自己动手试一试 »
示例
使用预定义格式显示日期
<div ng-app="myApp" ng-controller="datCtrl">
<p>日期 = {{ today | date : "fullDate" }}</p>
</div>
自己动手试一试 »
示例
显示文本和预定义格式组合的日期
<div ng-app="myApp" ng-controller="datCtrl">
<p>日期 = {{ today | date : "'today is ' MMMM d, y" }}</p>
</div>
自己动手试一试 »
相关页面
AngularJS 教程：Angular 过滤器
