angularjs中的filter(過濾器)——格式化日期的date

原文鏈接：

http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/angularjs%E4%B8%AD%E7%9A%84filter-%E8%BF%87%E6%BB%A4%E5%99%A8-%E6%A0%BC%E5%BC%8F%E5%8C%96%E6%97%A5%E6%9C%9F%E7%9A%84date/

date過濾器的功能是基于要求的格式格式化一個日期成為一個字符串。

格式化字符串的基本參數：

‘yyyy’: 用4位數字表示年（例如：AD 1 => 0001, AD 2010 => 2010）

‘yy’: 用兩位數字表示年（00-99）（例如：AD 2001 => 01, AD 2010 => 10）

‘y’: 用一位數字代表年（例如：AD 1 => 1, AD 199 => 199）

‘MMMM’: 英文全稱表示月（January-December）

‘MMM’: 英文縮寫表示月（Jan-Dec）

‘MM’: 兩位數字表示月（01-12）

‘M’: 月（1-12）

‘dd’: 兩位數字表示日（01-31）

‘d’: 日（1-31）

‘EEEE’: 英文全稱的一周中的天（Sunday-Saturday）

‘EEE’: 英文縮寫的一周中的天（Sun-Sat）

‘HH’: 兩位數表示24小時制的時（00-23）

‘H’: 24小時制的時（0-23）

‘hh’: 兩位數字表示上午或下午的時（01-12）

‘h’: 上午或下午的時（1-12）

‘mm’: 兩位數字表示分（00-59）

‘m’: 分（0-59）

‘ss’: 兩位數字表示秒（00-59）

‘s’: 秒（0-59）

‘sss’: 毫秒（000-999）

‘a’: AM/PM

‘Z’: 4位數字（+符號）代表時區偏移量（-1200——+1200）

‘ww’: 用兩位數字表示一年的周數（00-53），第一周（01）是一年中的第一個星期四

‘w’:  一年的周數(0-53)，第一周（1）是一年中的第一個星期四

‘G’,’GG’,‘GGG’: 年代字符串的縮寫形式，例如‘AD’（公元）

‘GGGG’: 年代字符串的全稱，例如‘Anno Domini’（公元）

上面這些參數我們可以根據自己的意愿自由組合得到自己想要的格式，例如'yyyy-MM-dd'等。

格式化字符串也提供了一些預定義的本地化格式，可以方便我們使用：

medium：‘MMM d,y h:mm:ss a’ 例如：Sep 3, 2010 12:05:08 PM

short：‘M/d/yy h:mm a’ 例如： 9/3/10 12:05 PM

fullDate: ’EEEE,MMMM d,y’ 例如：Friday, September 3, 2010

longDate: ‘MMMM d,y’ 例如：September 3, 2010

mediumDate: ’MMM d,y’ 例如： Sep 3, 2010

shortDate: ’M/d/y’ 例如： 9/3/10

mediumTime: ’h:mm:ss a’ 例如：12:05:08 PM

shortTime: ’h:mm a’  例如：12:05 PM

格式化字符串可以包含文本值。這些需要被單引號包圍（例如 “h ‘in the morning’”）,如果想輸出一對單引號，就在一個序列中用兩個雙引號（例如：“h ‘o’’clock’”）

date過濾器的用法：

1.在html中用法：{{ date_expression | date : format : timezone}}

實例：

<span>{{1288323623006 | date:'medium'}}</span><br>

 <span>{{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}</span><br>

<span>{{'1288323623006' | date:'MM/dd/yyyy @ h:mma'}}</span><br>

<span>{{'1288323623006' | date:"MM/dd/yyyy 'at' h:mma"}}</span><br>

輸出結果為：

 Oct 29, 2010 11:40:23 AM

 2010-10-29 11:40:23 +0800

10/29/2010 @ 11:40AM

10/29/2010 at 11:40AM

2.在javascript中的用法：$filter('date')(date, format, timezone)

實例：

var today = new Date();
$scope.formatDate = $filter('date')(today, 'yyyy-MM-dd');

輸出結果為：

2015-01-28

翻譯原文地址：https://docs.angularjs.org/api/ng/filter