使用moment.js輕鬆管理日期和時間

大家在前端Javascript開發中會遇到處理日期時間的問題,經常會拿來一大堆處理函數才能完成一個簡單的日期時間顯示效果。今天我給大家介紹一個輕量級的Javascript日期處理類庫:moment.js,使用它可以輕鬆解決前端開發中遇到的種種日期時間問題。

查看演示 下載源碼

moment.js不依賴任何第三方庫,支持字元串、Date、時間戳以及數組等格式,可以像PHP的date()函數一樣,格式化日期時間,計算相對時間,獲取特定時間後的日期時間等等,本文有如下舉例。

格式化日期

當前時間:

moment().format("YYYY-MM-DDHH:mm:ss");//2014-09-2423:36:09

今天是星期幾:

moment().format("d");//3

轉換當前時間的Unix時間戳:

moment().format("X");

相對時間

20120901相對當前日期是2年前

moment("20120901","YYYYMMDD").fromNow();//2yearsago

7天後的日期:

moment().add("days",7).format("YYYY年MM月DD日");//2014年10月01日

9小時後的時間:

moment().add("hours",9).format("HH:mm:ss");

moment.js提供了豐富的說明文檔,使用它還可以創建日曆項目等複雜的日期時間應用。我們日常開發中最常用的是格式化時間,下面我把常用的格式製作成表格說明供有需要的朋友查看:

格式代碼 說明 返回值例子
M 數字表示的月份,沒有前導零 1到12
MM 數字表示的月份,有前導零 01到12
MMM 三個字母縮寫表示的月份 Jan到Dec
MMMM 月份,完整的文本格式 January到December
Q 季度 1到4
D 月份中的第幾天,沒有前導零 1到31
DD 月份中的第幾天,有前導零 01到31
d 星期中的第幾天,數字表示 0到6,0表示周日,6表示周六
ddd 三個字母表示星期中的第幾天 Sun到Sat
dddd 星期幾,完整的星期文本 從Sunday到Saturday
w 年份中的第幾周 如42:表示第42周
YYYY 四位數字完整表示的年份 如:2014 或 2000
YY 兩位數字表示的年份 如:14 或 98
A 大寫的AM PM AM PM
a 小寫的am pm am pm
HH 小時,24小時制,有前導零 00到23
H 小時,24小時制,無前導零 0到23
hh 小時,12小時制,有前導零 00到12
h 小時,12小時制,無前導零 0到12
m 沒有前導零的分鐘數 0到59
mm 有前導零的分鐘數 00到59
s 沒有前導零的秒數 1到59
ss 有前導零的描述 01到59
X Unix時間戳 1411572969

更多有關moment.js的介紹,請訪問項目官網:http://momentjs.com/


推薦閱讀:

4月鴻運當頭,財庫大開,錢財輕輕鬆鬆進入口袋,數錢數到手都軟
輕鬆六招點旺你的財運
金帝 | 多空博弈即將上演,把握一指標輕鬆布局下周強勢股。
羊城晚報·輕鬆閱讀·2017
輕輕鬆鬆十分鐘保護心血管

TAG:管理 | 時間 | 日期 | 輕鬆 |