JavaScript格式化日期時(shí)間的方法和自定義格式化函數(shù)示例
很多時(shí)候,我們可以利用JavaScript中Date對(duì)象的內(nèi)置方法來格式化,如:
console.log(d); // 輸出:Mon Nov 04 2013 21:50:33 GMT+0800 (中國標(biāo)準(zhǔn)時(shí)間)
console.log(d.toDateString()); // 日期字符串,輸出:Mon Nov 04 2013
console.log(d.toGMTString()); // 格林威治時(shí)間,輸出:Mon, 04 Nov 2013 14:03:05 GMT
console.log(d.toISOString()); // 國際標(biāo)準(zhǔn)組織(ISO)格式,輸出:2013-11-04T14:03:05.420Z
console.log(d.toJSON()); // 輸出:2013-11-04T14:03:05.420Z
console.log(d.toLocaleDateString()); // 轉(zhuǎn)換為本地日期格式,視環(huán)境而定,輸出:2013年11月4日
console.log(d.toLocaleString()); // 轉(zhuǎn)換為本地日期和時(shí)間格式,視環(huán)境而定,輸出:2013年11月4日 下午10:03:05
console.log(d.toLocaleTimeString()); // 轉(zhuǎn)換為本地時(shí)間格式,視環(huán)境而定,輸出:下午10:03:05
console.log(d.toString()); // 轉(zhuǎn)換為字符串,輸出:Mon Nov 04 2013 22:03:05 GMT+0800 (中國標(biāo)準(zhǔn)時(shí)間)
console.log(d.toTimeString()); // 轉(zhuǎn)換為時(shí)間字符串,輸出:22:03:05 GMT+0800 (中國標(biāo)準(zhǔn)時(shí)間)
console.log(d.toUTCString()); // 轉(zhuǎn)換為世界時(shí)間,輸出:Mon, 04 Nov 2013 14:03:05 GMT
如果上面的方法不能滿足我們的要求,也可以自定義函數(shù)來格式化時(shí)間,如:
Date.prototype.format = function(format) {
var date = {
"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+)/i.test(format)) {
format = format.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length));
}
for (var k in date) {
if (new RegExp("(" + k + ")").test(format)) {
format = format.replace(RegExp.$1, RegExp.$1.length == 1
? date[k] : ("00" + date[k]).substr(("" + date[k]).length));
}
}
return format;
}
var d = new Date().format('yyyy-MM-dd');
console.log(d); // 2013-11-04
相關(guān)文章
ElementUI中el-tree如何獲取每個(gè)節(jié)點(diǎn)點(diǎn)擊的選中狀態(tài)
ElementUI中el-tree獲取每個(gè)節(jié)點(diǎn)點(diǎn)擊的選中狀態(tài),有時(shí)候需要獲取el-tree每個(gè)節(jié)點(diǎn)的點(diǎn)擊狀態(tài),可以通過以下方式,其中isCheck類型為布爾值,本文結(jié)合實(shí)例代碼介紹ElementUI中el-tree獲取每個(gè)節(jié)點(diǎn)點(diǎn)擊的選中狀態(tài),感興趣的朋友一起看看吧2023-12-12解決包含在label標(biāo)簽下的checkbox在ie8及以下版本點(diǎn)擊事件無效果兼容的問題
這篇文章主要介紹了解決包含在label標(biāo)簽下的checkbox在ie8及以下版本點(diǎn)擊事件無效果兼容的問題,本文給大家總結(jié)的非常詳細(xì),需要的朋友可以參考下2019-10-10JavaScript實(shí)現(xiàn)按照指定長度為數(shù)字前面補(bǔ)零輸出的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)按照指定長度為數(shù)字前面補(bǔ)零輸出的方法,實(shí)例分析了javascript操作數(shù)字補(bǔ)零的技巧,需要的朋友可以參考下2015-03-03JavaScript實(shí)現(xiàn)自動(dòng)切換圖片代碼
本文給大家分享一段js代碼實(shí)現(xiàn)自動(dòng)切換圖片的代碼,代碼非常簡單,應(yīng)用領(lǐng)域非常廣泛,感興趣的朋友一起看看吧2016-10-10javascript DIV實(shí)現(xiàn)跟隨鼠標(biāo)移動(dòng)
這篇文章主要為大家詳細(xì)介紹了javascript DIV跟隨鼠標(biāo)移動(dòng),有一個(gè)div跟隨鼠標(biāo)移動(dòng)的結(jié)果,有一連串跟隨鼠標(biāo)移動(dòng)的效果,感興趣的小伙伴們可以參考一下2016-02-02layui復(fù)選框限制選擇個(gè)數(shù)的方法
今天小編就為大家分享一篇layui復(fù)選框限制選擇個(gè)數(shù)的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09javascript實(shí)現(xiàn)的鼠標(biāo)鏈接提示效果生成器代碼
javascript實(shí)現(xiàn)的鼠標(biāo)鏈接提示效果生成器代碼...2007-06-06js window對(duì)象屬性和方法相關(guān)資料整理
這篇文章主要介紹了js window對(duì)象屬性和方法相關(guān)資料整理,需要的朋友可以參考下2015-11-11關(guān)于動(dòng)態(tài)執(zhí)行代碼(js的Eval)實(shí)例詳解
下面小編就為大家?guī)硪黄P(guān)于動(dòng)態(tài)執(zhí)行代碼(js的Eval)實(shí)例詳解。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08