JavaScript內(nèi)置日期、時(shí)間格式化時(shí)間實(shí)例代碼
一、基礎(chǔ)知識(shí)(date對(duì)象的方法)
😜 getFullYear( ) 用于返回一個(gè)表示年份的4位數(shù)
🤣 getMonth( ) 返回表示月份的數(shù)字,但是返回值是 0(一月) 到 11(十二月) 之間的一個(gè)整數(shù)
😘 getDate( ) 返回某一天
😊 getHours( ) 返回時(shí)間的小時(shí)字段
😍 getMinutes( ) 返回時(shí)間的分鐘字段
😎 getSeconds( ) 返回時(shí)間的秒,返回值是 0 ~ 59 之間的一個(gè)整數(shù)
二、格式化日期
案例:將此刻的時(shí)間格式化(因?yàn)闀r(shí)間在流逝,所以結(jié)果會(huì)不同喲?。?/p>
代碼如下:

效果呈現(xiàn):

三、封裝函數(shù)實(shí)現(xiàn)格式化日期(方便咱們后面使用)
代碼如下:

效果呈現(xiàn):

雖然這個(gè)案例比較簡(jiǎn)單但是還是有需要注意的地方哈!比如我們?cè)诘玫皆路莸臅r(shí)候必須要+1,否則返回的月份會(huì)比真實(shí)的月份少1。這也在提醒我們?cè)谇么a的時(shí)候一定要細(xì)心細(xì)心再細(xì)心!
附一個(gè)比較流行的js格式化日期和時(shí)間的封裝函數(shù):
Date.prototype.format = function(fmt){
var o = {
"M+" : this.getMonth()+1, //月份
"d+" : this.getDate(), //日
"h+" : this.getHours(), //小時(shí)
"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(); // 一般傳入毫秒時(shí)間戳進(jìn)行初始化
var nowStr = now.format("yyyy-MM-dd hh:mm:ss");
四、總結(jié)
到此這篇關(guān)于JavaScript內(nèi)置日期、時(shí)間格式化時(shí)間的文章就介紹到這了,更多相關(guān)JavaScript內(nèi)置格式化時(shí)間內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
CSS和JS標(biāo)簽style屬性對(duì)照表(方便js開(kāi)發(fā)的朋友)
CSS和JS標(biāo)簽style屬性對(duì)照表(方便js開(kāi)發(fā)的朋友),需要的朋友可以收藏下。2010-11-11
js判斷iframe中元素是否存在的實(shí)現(xiàn)代碼
這篇文章主要介紹了js判斷iframe中元素是否存在的實(shí)現(xiàn)代碼,需要的朋友可以參考下2016-12-12
JavaScript獲得當(dāng)前網(wǎng)頁(yè)來(lái)源頁(yè)面(即上一頁(yè))的方法
這篇文章主要介紹了JavaScript獲得當(dāng)前網(wǎng)頁(yè)來(lái)源頁(yè)面(即上一頁(yè))的方法,涉及javascript中document.referrer方法的使用技巧,需要的朋友可以參考下2015-04-04
JS如何實(shí)現(xiàn)手機(jī)端輸入驗(yàn)證碼效果
這篇文章主要介紹了JS如何實(shí)現(xiàn)手機(jī)端輸入驗(yàn)證碼效果,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
js判斷當(dāng)頁(yè)面無(wú)法回退時(shí)關(guān)閉網(wǎng)頁(yè)否則就history.go(-1)
當(dāng)頁(yè)面沒(méi)有前驅(qū)歷史記錄時(shí),點(diǎn)擊返回按鈕時(shí)直接關(guān)閉頁(yè)面,否則就退回到前一頁(yè)2014-08-08
JS簡(jiǎn)單實(shí)現(xiàn)String轉(zhuǎn)Date的方法
這篇文章主要介紹了JS簡(jiǎn)單實(shí)現(xiàn)String轉(zhuǎn)Date的方法,涉及JavaScript字符串與日期相互轉(zhuǎn)換的相關(guān)技巧,需要的朋友可以參考下2016-03-03
ES6 Class中實(shí)現(xiàn)私有屬性的一些方法總結(jié)
這篇文章主要給大家介紹了關(guān)于ES6 Class中實(shí)現(xiàn)私有屬性的一些方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用ES6具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
cocos2dx+lua實(shí)現(xiàn)橡皮擦功能
這篇文章主要為大家詳細(xì)介紹了cocos2dx+lua實(shí)現(xiàn)橡皮擦功能,類(lèi)似刮刮樂(lè)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12
canvas實(shí)現(xiàn)手機(jī)端用來(lái)上傳用戶(hù)頭像的代碼
這篇文章主要介紹了canvas實(shí)現(xiàn)手機(jī)端用來(lái)上傳用戶(hù)頭像的代碼代碼簡(jiǎn)單易懂非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-10-10
JS(JQuery)操作Array的相關(guān)方法介紹
本篇文章主要是對(duì)JS(JQuery)操作Array的相關(guān)方法進(jìn)行了詳細(xì)的介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-02-02

