JavaScript格式化日期時間的方法和自定義格式化函數(shù)示例
更新時間:2014年04月04日 16:21:35 作者:
JavaScript默認(rèn)的時間格式我們一般情況下不會用,所以需要進(jìn)行格式化,下面說說我總結(jié)的JavaScript時間格式化方法
很多時候,我們可以利用JavaScript中Date對象的內(nèi)置方法來格式化,如:
復(fù)制代碼 代碼如下:
var d = new Date();
console.log(d); // 輸出:Mon Nov 04 2013 21:50:33 GMT+0800 (中國標(biāo)準(zhǔn)時間)
console.log(d.toDateString()); // 日期字符串,輸出:Mon Nov 04 2013
console.log(d.toGMTString()); // 格林威治時間,輸出: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)換為本地日期和時間格式,視環(huán)境而定,輸出:2013年11月4日 下午10:03:05
console.log(d.toLocaleTimeString()); // 轉(zhuǎn)換為本地時間格式,視環(huán)境而定,輸出:下午10:03:05
console.log(d.toString()); // 轉(zhuǎn)換為字符串,輸出:Mon Nov 04 2013 22:03:05 GMT+0800 (中國標(biāo)準(zhǔn)時間)
console.log(d.toTimeString()); // 轉(zhuǎn)換為時間字符串,輸出:22:03:05 GMT+0800 (中國標(biāo)準(zhǔn)時間)
console.log(d.toUTCString()); // 轉(zhuǎn)換為世界時間,輸出:Mon, 04 Nov 2013 14:03:05 GMT
console.log(d); // 輸出:Mon Nov 04 2013 21:50:33 GMT+0800 (中國標(biāo)準(zhǔn)時間)
console.log(d.toDateString()); // 日期字符串,輸出:Mon Nov 04 2013
console.log(d.toGMTString()); // 格林威治時間,輸出: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)換為本地日期和時間格式,視環(huán)境而定,輸出:2013年11月4日 下午10:03:05
console.log(d.toLocaleTimeString()); // 轉(zhuǎn)換為本地時間格式,視環(huán)境而定,輸出:下午10:03:05
console.log(d.toString()); // 轉(zhuǎn)換為字符串,輸出:Mon Nov 04 2013 22:03:05 GMT+0800 (中國標(biāo)準(zhǔn)時間)
console.log(d.toTimeString()); // 轉(zhuǎn)換為時間字符串,輸出:22:03:05 GMT+0800 (中國標(biāo)準(zhǔn)時間)
console.log(d.toUTCString()); // 轉(zhuǎn)換為世界時間,輸出:Mon, 04 Nov 2013 14:03:05 GMT
如果上面的方法不能滿足我們的要求,也可以自定義函數(shù)來格式化時間,如:
復(fù)制代碼 代碼如下:
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如何獲取每個節(jié)點點擊的選中狀態(tài)
ElementUI中el-tree獲取每個節(jié)點點擊的選中狀態(tài),有時候需要獲取el-tree每個節(jié)點的點擊狀態(tài),可以通過以下方式,其中isCheck類型為布爾值,本文結(jié)合實例代碼介紹ElementUI中el-tree獲取每個節(jié)點點擊的選中狀態(tài),感興趣的朋友一起看看吧2023-12-12解決包含在label標(biāo)簽下的checkbox在ie8及以下版本點擊事件無效果兼容的問題
這篇文章主要介紹了解決包含在label標(biāo)簽下的checkbox在ie8及以下版本點擊事件無效果兼容的問題,本文給大家總結(jié)的非常詳細(xì),需要的朋友可以參考下2019-10-10JavaScript實現(xiàn)按照指定長度為數(shù)字前面補零輸出的方法
這篇文章主要介紹了JavaScript實現(xiàn)按照指定長度為數(shù)字前面補零輸出的方法,實例分析了javascript操作數(shù)字補零的技巧,需要的朋友可以參考下2015-03-03javascript DIV實現(xiàn)跟隨鼠標(biāo)移動
這篇文章主要為大家詳細(xì)介紹了javascript DIV跟隨鼠標(biāo)移動,有一個div跟隨鼠標(biāo)移動的結(jié)果,有一連串跟隨鼠標(biāo)移動的效果,感興趣的小伙伴們可以參考一下2016-02-02javascript實現(xiàn)的鼠標(biāo)鏈接提示效果生成器代碼
javascript實現(xiàn)的鼠標(biāo)鏈接提示效果生成器代碼...2007-06-06關(guān)于動態(tài)執(zhí)行代碼(js的Eval)實例詳解
下面小編就為大家?guī)硪黄P(guān)于動態(tài)執(zhí)行代碼(js的Eval)實例詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08