資訊專欄INFORMATION COLUMN
摘要：大家在項(xiàng)目中一定會(huì)遇到很多關(guān)于時(shí)間處理的問題，比如你想獲取一個(gè)本地時(shí)間格式為，常用的方法是先拿到時(shí)間再用正則替換什么的。
大家在項(xiàng)目中一定會(huì)遇到很多關(guān)于時(shí)間處理的問題，比如你想獲取一個(gè)本地時(shí)間格式為YYYY-MM-DD，常用的方法是先拿到時(shí)間再用正則替換什么的。比較麻煩，也比較費(fèi)勁。每次都要弄。所以呢就想著有沒有什么簡(jiǎn)單的方法，之后就發(fā)現(xiàn)了一個(gè)輕量級(jí)的Javascript日期處理類庫(kù)：moment.js，使用它可以輕松解決前端開發(fā)中遇到的種種日期時(shí)間問題。
moment.js不依賴任何第三方庫(kù)，支持字符串、Date、時(shí)間戳以及數(shù)組等格式，可以像PHP的date()函數(shù)一樣，格式化日期時(shí)間，計(jì)算相對(duì)時(shí)間，獲取特定時(shí)間后的日期時(shí)間等等，本文有如下舉例。
格式化日期javascriptmoment().format("YYYY-MM-DD HH:mm:ss"); //2014-09-24 23:36:09獲取當(dāng)前時(shí)間
moment().format("MMMM Do YYYY, h:mm:ss a"); // 七月 13日 2015, 10:53:40 上午
moment().format("ffffdd"); // 星期一
moment().format("MMM Do YY"); // 7月 13日 15
moment().format("YYYY [escaped] YYYY"); // 2015 escaped 2015
moment().format(); // 2015-07-13T10:53:40+08:00
相對(duì)時(shí)間
javascriptmoment("20111031", "YYYYMMDD").fromNow(); // 2011年10月31日距離現(xiàn)在的時(shí)間
moment().startOf("day").fromNow(); // 今天過了多久
moment().endOf("day").fromNow(); // 還有幾個(gè)小時(shí)今天就結(jié)束了
moment().startOf("hour").fromNow(); //這個(gè)小時(shí)過去了幾分鐘
moment().add("days",3).format("YYYY-MM-DD"); //三天后的日期
多樣化的本地時(shí)間
javascriptmoment().format("L"); // 2015-07-13 標(biāo)準(zhǔn)本地時(shí)間
moment().format("l"); // 2015-07-13
moment().format("LL"); // 2015年7月13日
moment().format("ll"); // 2015年7月13日
moment().format("LLL"); // 2015年7月13日上午10點(diǎn)55
moment().format("lll"); // 2015年7月13日上午10點(diǎn)55
moment().format("LLLL"); // 2015年7月13日星期一上午10點(diǎn)55
moment().format("llll"); //2015年7月13日星期一上午10點(diǎn)55
moment.js提供了豐富的說明文檔。我們?nèi)粘ｉ_發(fā)中最常用的是格式化時(shí)間，下面列舉一下所有的時(shí)間格式
| 格式代碼 | 說明 | 例子 |
|---|---|---|
| YYYY | 4位數(shù)字年份 | 2010、2012 |
| YY | 兩位數(shù)字年份 | 15 |
| M | 月份的數(shù)字值沒有前導(dǎo)0 | 1、2...10 |
| MM | 月份的數(shù)字值有前導(dǎo)0 | 01、02...12 |
| MMM | 三個(gè)字母縮寫的月份 | Jan到Dec |
| MMM | 月份的英文全拼 | January到December |
| Q | 返回現(xiàn)在是第幾個(gè)季度 | 1、2、3、4 |
| D | 當(dāng)前是幾號(hào)，沒有前導(dǎo)0 | 1、2...31 |
| DDD | 一年中的第幾天 | 1、2...365 |
| DD | 當(dāng)前是幾號(hào)，有前導(dǎo)0 | 01、02...31 |
| d | 周幾 | 0、1...6,0表示周日,6表示周六 |
| ffffd | 三個(gè)字母的周幾縮寫 | Sun到Sat |
| ffffdd | 周幾全拼 | Sunday到Saturday |
| w | 一年中的的幾周 | eg:10代表第10周 |
| A | 上午或下午大寫 | AM、PM |
| a | 小午或下午大寫 | am、pm |
| HH | 小時(shí)，24小時(shí)制，有前導(dǎo)零 | 00、01...23 |
| H | 小時(shí)，24小時(shí)制，無(wú)前導(dǎo)零 | 0、1...23 |
| hh | 小時(shí)，12小時(shí)制，有前導(dǎo)零 | 00、01...12 |
| hh | 小時(shí)，12小時(shí)制，無(wú)前導(dǎo)零 | 0、1...12 |
| mm | 分鐘，有前導(dǎo)0 | 00、01...59 |
| m | 分鐘，無(wú)前導(dǎo)0 | 0、1...59 |
| ss | 秒，有前導(dǎo)0 | 00、01..59 |
| s | 秒，無(wú)前導(dǎo)0 | 0、1..59 |
| X | Unix時(shí)間戳（秒級(jí)） | 1410715640.579 |
| x | Unix時(shí)間戳（毫秒級(jí)） | 1410715640579 |
更多有關(guān)moment.js的介紹，請(qǐng)?jiān)L問項(xiàng)目官網(wǎng)：http://momentjs.com/
第一次寫博文，如有錯(cuò)誤，歡迎糾正。(*^__^*)
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/85825.html
摘要：如果路由重組，模板中的鏈接將被打斷而變得無(wú)法訪問。靜態(tài)文件應(yīng)用程序不僅僅是由代碼和模板組成。當(dāng)服務(wù)器收到來自之前示例的，它會(huì)產(chǎn)生一個(gè)響應(yīng)包含的文件內(nèi)容。一個(gè)優(yōu)雅的解決方案是允許服務(wù)器只發(fā)送時(shí)間給瀏覽器，由瀏覽器轉(zhuǎn)為當(dāng)?shù)貢r(shí)間并渲染。 4、鏈接 任何應(yīng)用程序都有多個(gè)路由，必然需要包含鏈接來連接不同的頁(yè)面，例如導(dǎo)航欄。 在模板中，對(duì)于簡(jiǎn)單的路由直接寫URLs做鏈接是非常瑣碎麻煩的，而給帶...
摘要：彈出層是一個(gè)輕量級(jí)的庫(kù)用于管理工具提示和彈窗效果。一個(gè)帶有的跨瀏覽器富文本編輯器。由制作，適用于每天寫作的富文本編輯器。輕量的操作庫(kù)。是一個(gè)快速簡(jiǎn)單輕量級(jí)的瀏覽器功能檢測(cè)庫(kù)。它沒有任何的依賴，并且壓縮后僅有。極小跨平臺(tái)的全屏插件。 在這里維持一個(gè)持續(xù)更新的地方 圖片 baguetteBox.js - 是一個(gè)簡(jiǎn)單易用的響應(yīng)式圖像燈箱效果腳本。demo Lightgallery.js -...
摘要：彈出層是一個(gè)輕量級(jí)的庫(kù)用于管理工具提示和彈窗效果。一個(gè)帶有的跨瀏覽器富文本編輯器。由制作，適用于每天寫作的富文本編輯器。輕量的操作庫(kù)。是一個(gè)快速簡(jiǎn)單輕量級(jí)的瀏覽器功能檢測(cè)庫(kù)。它沒有任何的依賴，并且壓縮后僅有。極小跨平臺(tái)的全屏插件。 在這里維持一個(gè)持續(xù)更新的地方 圖片 baguetteBox.js - 是一個(gè)簡(jiǎn)單易用的響應(yīng)式圖像燈箱效果腳本。demo Lightgallery.js -...
摘要：彈出層是一個(gè)輕量級(jí)的庫(kù)用于管理工具提示和彈窗效果。一個(gè)帶有的跨瀏覽器富文本編輯器。由制作，適用于每天寫作的富文本編輯器。輕量的操作庫(kù)。是一個(gè)快速簡(jiǎn)單輕量級(jí)的瀏覽器功能檢測(cè)庫(kù)。它沒有任何的依賴，并且壓縮后僅有。極小跨平臺(tái)的全屏插件。 在這里維持一個(gè)持續(xù)更新的地方 圖片 baguetteBox.js - 是一個(gè)簡(jiǎn)單易用的響應(yīng)式圖像燈箱效果腳本。demo Lightgallery.js -...
閱讀 3699·2021-11-11 16:55
閱讀 1646·2021-10-08 10:04
閱讀 3580·2021-09-27 13:36
閱讀 2760·2019-08-30 15:53
閱讀 1855·2019-08-30 11:17
閱讀 1259·2019-08-29 16:55
閱讀 2098·2019-08-29 13:57
閱讀 2513·2019-08-29 13:13
