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