首页 >> js开发 >> js代码javascript实现时间日期的格式化的方法汇总

js代码javascript实现时间日期的格式化的方法汇总

发布时间: 2021年1月13日 | 浏览: | 分类:js开发

有的时候，我们需要一定格式的时间比如 2021-05-12 08:48 这样的格式。
上代码先时间格式化时间格式化时间格式化第一种第一种
function formatDate(time){

var date = new Date(time);

var year = date.getFullYear(),

month = date.getMonth() + 1,//月份是从0开始的

day = date.getDate(),

hour = date.getHours(),

min = date.getMinutes(),

sec = date.getSeconds();

var newTime = year + '-' +

month + '-' +

day + ' ' +

hour + ':' +

min + ':' +

sec;

return newTime;

}

function formatDate(time){

var date = new Date(time);

var year = date.getFullYear(),

month = date.getMonth() + 1,//月份是从0开始的

day = date.getDate(),

hour = date.getHours(),

min = date.getMinutes(),

sec = date.getSeconds();

var newTime = year + '-' +

month + '-' +

day + ' ' +

hour + ':' +

min + ':' +

sec;

return newTime;

}
输出结果：
前置0前置0但是这里存在一个问题，就是，我想要的格式应该是 2021-05-12 08:49:25 在月、日、时、分、秒小于10的时候，应该要前置一个0。
改进代码：第二种第二种
function formatDate(time){

var date = new Date(time);

var year = date.getFullYear(),

month = date.getMonth()+1,//月份是从0开始的

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());//2021-05-12 09:09:21

function formatDate(time){

var date = new Date(time);

var year = date.getFullYear(),

month = date.getMonth()+1,//月份是从0开始的

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());//2021-05-12 09:09:21
第三种第三种这下格式对了。但是会不会麻烦了点？我们再试试这种
一个长度为10 的数组：
var preArr = Array.apply(null,Array(10)).map(function(elem, index) {

return '0'+index;

});////开个长度为10的数组格式为 ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09"]

var preArr = Array.apply(null,Array(10)).map(function(elem, index) {

return '0'+index;

});////开个长度为10的数组格式为 ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09"]
在如果数字在preArr中则群preArr[i],否则就本身的值，比如：preArr[month]||month。具体实现如下：
function formatDate(time){

var date = new Date(time);

var year = date.getFullYear(),

month = date.getMonth()+1,//月份是从0开始的

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;

});////开个长度为10的数组格式为 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());//2021-05-12 09:45:41

function formatDate(time){

var date = new Date(time);

var year = date.getFullYear(),

month = date.getMonth()+1,//月份是从0开始的

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;

});////开个长度为10的数组格式为 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());//2021-05-12 09:45:41
任意设置时间模式任意设置时间模式第四种（推荐）第四种（推荐）以上，都是按照固定的格式YY-MM-DD hh:mm:ss 输出的。要是产品突然说，改成2021年05月12这种格式，天啦撸，又要改o(╯□╰)o。那我还是写个结构好一些的吧，你们随便玩。
function formatDate(time,format='YY-MM-DD hh:mm:ss'){

var date = new Date(time);

var year = date.getFullYear(),

month = date.getMonth()+1,//月份是从0开始的

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;

});////开个长度为10的数组格式为 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());//2021-05-12 10:05:44
formatDate(new Date().getTime(),'YY年MM月DD日');//2021年05月12日
formatDate(new Date().getTime(),'今天是YY/MM/DD hh:mm:ss');//今天是2021/05/12 10:07:45

function formatDate(time,format='YY-MM-DD hh:mm:ss'){

var date = new Date(time);

var year = date.getFullYear(),

month = date.getMonth()+1,//月份是从0开始的

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;

});////开个长度为10的数组格式为 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());//2021-05-12 10:05:44
formatDate(new Date().getTime(),'YY年MM月DD日');//2021年05月12日
formatDate(new Date().getTime(),'今天是YY/MM/DD hh:mm:ss');//今天是2021/05/12 10:07:45
大功告成！参考链接：
JavaScript 怎么快速声明一个数组JavaScript 怎么快速声明一个数组

原文地址：http://www.chinasgp.cn/article/3878.html

上一条：« js如何在vue中使用百度地图添加自定义覆盖物（水波纹）js大全

下一条：js正则{2,6},js正则表达式 »

标签:

javascript js代码 js

js代码javascript实现时间日期的格式化的方法汇总-js开发