js日期時間格式化的方法實例
js日期時間格式化
將日期時間轉換為指定格式,如:YYYY-mm-dd HH:MM表示2019-06-06 19:45
function dateFormat(fmt, date) { let ret; const opt = { "Y+": date.getFullYear().toString(), // 年 "m+": (date.getMonth() + 1).toString(), // 月 "d+": date.getDate().toString(), // 日 "H+": date.getHours().toString(), // 時 "M+": date.getMinutes().toString(), // 分 "S+": date.getSeconds().toString() // 秒 // 有其他格式化字符需求可以繼續(xù)添加,必須轉化成字符串 }; for (let k in opt) { ret = new RegExp("(" + k + ")").exec(fmt); if (ret) { fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0"))) }; }; return fmt; }
用法:
let date = new Date() dateFormat("YYYY-mm-dd HH:MM", date) >>> 2019-06-06 19:45`
如果對日期時間處理的需求較多, 推薦moment.js這個日期處理類庫, 簡單方便.
Moment.js格式化日期時間
Moment.js是一個輕量級的JavaScript時間庫,它方便了日常開發(fā)中對時間的操作,提高了開發(fā)效率。日常開發(fā)中,通常會對時間進行這幾個操作:比如獲取時間,設置時間,格式化時間,比較時間等等。
格式化日期
當前時間:
moment().format('YYYY-MM-DD HH:mm:ss'); //2014-09-24 23:36:09
今天是星期幾:
moment().format('d'); //3
轉換當前時間的Unix時間戳:
moment().format('X');
相對時間
20120901相對當前日期是2年前
moment("20120901", "YYYYMMDD").fromNow(); //2 years ago
7天后的日期:
moment().add('days',7).format('YYYY年MM月DD日'); //2014年10月01日
9小時后的時間:
moment().add('hours',9).format('HH:mm:ss');
moment.js提供了豐富的說明文檔,使用它還可以創(chuàng)建日歷項目等復雜的日期時間應用。我們日常開發(fā)中最常用的是格式化時間,下面我把常用的格式制作成表格說明供有需要的朋友查看:
格式代碼 | 說明 | 返回值例子 |
M | 數(shù)字表示的月份,沒有前導零 | 1到12 |
MM | 數(shù)字表示的月份,有前導零 | 01到12 |
MMM | 三個字母縮寫表示的月份 | Jan到Dec |
MMMM | 月份,完整的文本格式 | January到December |
Q | 季度 | 1到4 |
D | 月份中的第幾天,沒有前導零 | 1到31 |
DD | 月份中的第幾天,有前導零 | 01到31 |
d | 星期中的第幾天,數(shù)字表示 | 0到6,0表示周日,6表示周六 |
ddd | 三個字母表示星期中的第幾天 | Sun到Sat |
dddd | 星期幾,完整的星期文本 | 從Sunday到Saturday |
w | 年份中的第幾周 | 如42:表示第42周 |
YYYY | 四位數(shù)字完整表示的年份 | 如:2014 或 2000 |
YY | 兩位數(shù)字表示的年份 | 如: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 | 沒有前導零的分鐘數(shù) | 0到59 |
mm | 有前導零的分鐘數(shù) | 00到59 |
s | 沒有前導零的秒數(shù) | 1到59 |
ss | 有前導零的描述 | 01到59 |
X | Unix時間戳 | 1411572969 |
更多有關moment.js的介紹,請訪問項目官網(wǎng):http://momentjs.com/
總結
到此這篇關于js日期時間格式化的文章就介紹到這了,更多相關js日期時間格式化內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
JavaScript三種方法解決約瑟夫環(huán)問題的方法
約瑟夫環(huán)問題又稱約瑟夫問題或丟手絹問題,是一道經(jīng)典的算法問題,本篇將以循環(huán)鏈表、有序數(shù)組、數(shù)學遞歸三種方式來解決約瑟夫環(huán)問題。感興趣的可以了解一下2021-09-09javaScript讓文本框內的最后一個文字的后面獲得焦點實現(xiàn)代碼
讓文本框內的最后一個文字的后面獲得焦點,在應用中很常見,接下來提供解決方案,按興趣的朋友可以了解下2013-01-01一文帶你搞懂JS中導入模塊import和require的區(qū)別
JavaScript中,模塊是一種可重用的代碼塊,它將一些代碼打包成一個單獨的單元,并且可以在其他代碼中進行導入和使用。JavaScript中有兩種常用的方式:使用import和require,本文主要聊聊他們二者的區(qū)別2023-03-03