使用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
※輕輕鬆鬆十分鐘保護心血管