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/

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

‘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