JavaScript內(nèi)置日期、時間格式化時間實例代碼
一、基礎(chǔ)知識(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é)
到此這篇關(guān)于JavaScript內(nèi)置日期、時間格式化時間的文章就介紹到這了,更多相關(guān)JavaScript內(nèi)置格式化時間內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript校驗Number(4,1)格式的數(shù)字實例代碼
這篇文章主要介紹了JavaScript校驗Number(4,1)格式的數(shù)字實例代碼,本文實現(xiàn)思路明確代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-03-03JavaScript中???、??=、?.和?||的區(qū)別淺析
在?JS?中,???運算符被稱為非空運算符,下面這篇文章主要給大家介紹了關(guān)于JavaScript中???、??=、?.和?||區(qū)別的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08微信小程序scroll-view組件實現(xiàn)滾動動畫
這篇文章主要為大家詳細介紹了微信小程序scroll-view組件實現(xiàn)滾動動畫,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-01-01Openlayers+EasyUI Tree動態(tài)實現(xiàn)圖層控制
這篇文章主要為大家詳細介紹了Openlayers+EasyUI Tree動態(tài)實現(xiàn)圖層控制,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-09-09javascript下使用Promise封裝FileReader
這篇文章主要介紹了javascript下使用Promise封裝FileReader,需要的朋友可以參考下2016-02-02小程序頁面之間數(shù)據(jù)傳遞的4種方法總結(jié)
由于經(jīng)常需要進行頁面間傳參且各種傳參的業(yè)務(wù)場景也不相同,根據(jù)官方文檔和日常工作進行了總結(jié),下面這篇文章主要給大家總結(jié)介紹了關(guān)于小程序頁面之間數(shù)據(jù)傳遞的4種方法,需要的朋友可以參考下2023-04-04將HTML格式的String轉(zhuǎn)化為HTMLElement的實現(xiàn)方法
本節(jié)主要介紹了將HTML格式的String轉(zhuǎn)化為HTMLElement的實現(xiàn)方法,需要的朋友可以參考下2014-08-08