快捷導(dǎo)航

javascript實(shí)現(xiàn)時(shí)間日期的格式化的方法匯總

更新時(shí)間：2020年08月06日 10:04:02 作者：ziazan

這篇文章主要介紹了javascript實(shí)現(xiàn)時(shí)間日期的格式化的方法匯總，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

有的時(shí)候，我們需要一定格式的時(shí)間比如 2017-05-12 08:48 這樣的格式。
上代碼先

時(shí)間格式化

第一種

function formatDate(time){
	var date = new Date(time);

	var year = date.getFullYear(),
		month = date.getMonth() + 1,//月份是從0開(kāi)始的
		day = date.getDate(),
		hour = date.getHours(),
		min = date.getMinutes(),
		sec = date.getSeconds();
	var newTime = year + '-' +
				month + '-' +
				day + ' ' +
				hour + ':' +
				min + ':' +
				sec;
	return newTime;			
}

輸出結(jié)果：

輸出結(jié)果

前置0

但是這里存在一個(gè)問(wèn)題，就是，我想要的格式應(yīng)該是 2017-05-12 08:49:25 在月、日、時(shí)、分、秒小于10的時(shí)候，應(yīng)該要前置一個(gè)0。
改進(jìn)代碼：

第二種

function formatDate(time){
	var date = new Date(time);

	var year = date.getFullYear(),
		month = date.getMonth()+1,//月份是從0開(kāi)始的
		day = date.getDate(),
		hour = date.getHours(),
		min = date.getMinutes(),
		sec = date.getSeconds();
	var newTime = year + '-' +
				(month < 10? '0' + month : month) + '-' +
				(day < 10? '0' + day : day) + ' ' +
				(hour < 10? '0' + hour : hour) + ':' +
				(min < 10? '0' + min : min) + ':' +
				(sec < 10? '0' + sec : sec);

	return newTime;			
}

formatDate(new Date().getTime());//2017-05-12 09:09:21

第三種

這下格式對(duì)了。但是會(huì)不會(huì)麻煩了點(diǎn)？我們?cè)僭囋囘@種
一個(gè)長(zhǎng)度為10 的數(shù)組：

var preArr = Array.apply(null,Array(10)).map(function(elem, index) {
		return '0'+index;
	});////開(kāi)個(gè)長(zhǎng)度為10的數(shù)組 格式為 ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09"]

在如果數(shù)字在preArr中則群preArr[i],否則就本身的值，比如：preArr[month]||month。具體實(shí)現(xiàn)如下：

function formatDate(time){
	var date = new Date(time);

	var year = date.getFullYear(),
		month = date.getMonth()+1,//月份是從0開(kāi)始的
		day = date.getDate(),
		hour = date.getHours(),
		min = date.getMinutes(),
		sec = date.getSeconds();
	var preArr = Array.apply(null,Array(10)).map(function(elem, index) {
		return '0'+index;
	});////開(kāi)個(gè)長(zhǎng)度為10的數(shù)組 格式為 00 01 02 03

	var newTime = year + '-' +
				(preArr[month]||month) + '-' +
				(preArr[day]||day) + ' ' +
				(preArr[hour]||hour) + ':' +
				(preArr[min]||min) + ':' +
				(preArr[sec]||sec);

	return newTime;			
}
formatDate(new Date().getTime());//2017-05-12 09:45:41

任意設(shè)置時(shí)間模式

第四種（推薦）

以上，都是按照固定的格式Y(jié)Y-MM-DD hh:mm:ss 輸出的。要是產(chǎn)品突然說(shuō)，改成2017年05月12這種格式，天啦擼，又要改o(╯□╰)o。那我還是寫(xiě)個(gè)結(jié)構(gòu)好一些的吧，你們隨便玩。

function formatDate(time,format='YY-MM-DD hh:mm:ss'){
	var date = new Date(time);

	var year = date.getFullYear(),
		month = date.getMonth()+1,//月份是從0開(kāi)始的
		day = date.getDate(),
		hour = date.getHours(),
		min = date.getMinutes(),
		sec = date.getSeconds();
	var preArr = Array.apply(null,Array(10)).map(function(elem, index) {
		return '0'+index;
	});////開(kāi)個(gè)長(zhǎng)度為10的數(shù)組 格式為 00 01 02 03

	var newTime = format.replace(/YY/g,year)
						.replace(/MM/g,preArr[month]||month)
						.replace(/DD/g,preArr[day]||day)
						.replace(/hh/g,preArr[hour]||hour)
						.replace(/mm/g,preArr[min]||min)
						.replace(/ss/g,preArr[sec]||sec);

	return newTime;			
}
formatDate(new Date().getTime());//2017-05-12 10:05:44
formatDate(new Date().getTime(),'YY年MM月DD日');//2017年05月12日
formatDate(new Date().getTime(),'今天是YY/MM/DD hh:mm:ss');//今天是2017/05/12 10:07:45

大功告成！

參考鏈接：
JavaScript 怎么快速聲明一個(gè)數(shù)組

到此這篇關(guān)于javascript實(shí)現(xiàn)時(shí)間日期的格式化的方法匯總的文章就介紹到這了,更多相關(guān)javascript實(shí)現(xiàn)時(shí)間日期的格式化內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: