W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

AngularJS date 过滤器



Example

显示日期:

<div ng-app="myApp" ng-controller="datCtrl">

<p>Date = {{ today | date }}</p>

</div>
尝试一下 »

定义和用法

date 过滤器将日期格式化为指定的格式。

日期可以是日期对象,毫秒或datetime字符串,如“2016-01-05T09:05:05.035Z”

默认情况下,格式为“MMM d,y”(2016年1月5日)。


语法

{{ 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" 时 in AM/PM, 00-12 (09)
"h" 时 in AM/PM, 0-12 (9)
"mm" 分 (05)
"m" 分 (5)
"ss" 秒 (05)
"s" 秒 (5)
"sss" 毫秒 (035)
"a" (AM/PM)
"Z" 时区 (from -1200 to +1200)
"ww" 周 (00-53)
"w" 周 (0-53)
"G" 纪 (AD)
"GG" 纪 (AD)
"GGG" 纪 (AD)
"GGGG" 纪 (Anno Domini)

格式值也可以是以下预定格式之一:
"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 可选的。时区用于格式化日期。

更多实例

Example

以自定义格式显示日期:

<div ng-app="myApp" ng-controller="datCtrl">

<p>Date = {{ today | date :  "dd.MM.y" }}</p>

</div>
尝试一下 »

Example

使用预定格式显示日期:

<div ng-app="myApp" ng-controller="datCtrl">

<p>Date = {{ today | date : "fullDate" }}</p>

</div>
尝试一下 »

Example

显示文本和预定义格式的日期组合:

<div ng-app="myApp" ng-controller="datCtrl">

<p>Date = {{ today | date : "fullDate" }}</p>

</div>
尝试一下 »

Example

日期为datetime字符串:

<div ng-app="">

<p>Date = {{ "2016-01-05T09:05:05.035Z" | date }}</p>

</div>
尝试一下 »

相关文章

AngularJS 教程:Angular 过滤器