JavaScript內(nèi)置日期、時間格式化時間實例代碼
更新時間：2021年05月14日 15:06:06 作者：是這般沒趣
JS中的 Date 對象用于處理日期和時間,Date對象和Math對象不一樣，Date是一個構(gòu)造函數(shù)，需要實例化后才能使用對象中具體的方法和屬性。這篇文章主要給大家介紹了關于JavaScript內(nèi)置日期、時間格式化時間的相關資料,需要的朋友可以參考下
一、基礎知識（date對象的方法）
😜 getFullYear( ) 用于返回一個表示年份的4位數(shù)
🤣 getMonth( ) 返回表示月份的數(shù)字，但是返回值是 0（一月） 到 11（十二月） 之間的一個整數(shù)
😘 getDate( ) 返回某一天
😊 getHours( ) 返回時間的小時字段
😍 getMinutes( ) 返回時間的分鐘字段
😎 getSeconds( ) 返回時間的秒，返回值是 0 ~ 59 之間的一個整數(shù)
二、格式化日期
案例：將此刻的時間格式化（因為時間在流逝，所以結(jié)果會不同喲！）
代碼如下：
效果呈現(xiàn)：
三、封裝函數(shù)實現(xiàn)格式化日期(方便咱們后面使用)
代碼如下：
效果呈現(xiàn)：
雖然這個案例比較簡單但是還是有需要注意的地方哈！比如我們在得到月份的時候必須要+1，否則返回的月份會比真實的月份少1。這也在提醒我們在敲代碼的時候一定要細心細心再細心！
附一個比較流行的js格式化日期和時間的封裝函數(shù)：
Date.prototype.format = function(fmt){
var o = {
"M+" : this.getMonth()+1, //月份
"d+" : this.getDate(), //日
"h+" : this.getHours(), //小時
"m+" : this.getMinutes(), //分
"s+" : this.getSeconds(), //秒
"q+" : Math.floor((this.getMonth()+3)/3), //季度
"S" : this.getMilliseconds() //毫秒
};
if(/(y+)/.test(fmt)){
fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
}
for(var k in o){
if(new RegExp("("+ k +")").test(fmt)){
fmt = fmt.replace(
RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
}
}
return fmt;
}
使用方法如下：
var now = new Date(); // 一般傳入毫秒時間戳進行初始化
var nowStr = now.format("yyyy-MM-dd hh:mm:ss");
四、總結(jié)
到此這篇關于JavaScript內(nèi)置日期、時間格式化時間的文章就介紹到這了,更多相關JavaScript內(nèi)置格式化時間內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
CSS和JS標簽style屬性對照表(方便js開發(fā)的朋友)
CSS和JS標簽style屬性對照表(方便js開發(fā)的朋友)，需要的朋友可以收藏下。2010-11-11
這篇文章主要介紹了js判斷iframe中元素是否存在的實現(xiàn)代碼,需要的朋友可以參考下2016-12-12
JavaScript獲得當前網(wǎng)頁來源頁面（即上一頁）的方法
這篇文章主要介紹了JavaScript獲得當前網(wǎng)頁來源頁面（即上一頁）的方法,涉及javascript中document.referrer方法的使用技巧,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了JS如何實現(xiàn)手機端輸入驗證碼效果,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-05-05
js判斷當頁面無法回退時關閉網(wǎng)頁否則就history.go(-1)
當頁面沒有前驅(qū)歷史記錄時，點擊返回按鈕時直接關閉頁面，否則就退回到前一頁2014-08-08
JS簡單實現(xiàn)String轉(zhuǎn)Date的方法
這篇文章主要介紹了JS簡單實現(xiàn)String轉(zhuǎn)Date的方法,涉及JavaScript字符串與日期相互轉(zhuǎn)換的相關技巧,需要的朋友可以參考下2016-03-03
ES6 Class中實現(xiàn)私有屬性的一些方法總結(jié)
這篇文章主要給大家介紹了關于ES6 Class中實現(xiàn)私有屬性的一些方法，文中通過示例代碼介紹的非常詳細，對大家學習或者使用ES6具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-07-07
這篇文章主要為大家詳細介紹了cocos2dx+lua實現(xiàn)橡皮擦功能，類似刮刮樂效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
這篇文章主要介紹了canvas實現(xiàn)手機端用來上傳用戶頭像的代碼代碼簡單易懂非常不錯，具有參考借鑒價值,需要的朋友可以參考下2016-10-10
本篇文章主要是對JS(JQuery)操作Array的相關方法進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02