时间格式化
有的时候,我们需要一定格式的 时间 比如 2017-05-12 08:48 这样的格式。
第一种:
function formatDate1(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;
};
alert(formatDate1(new Date().getTime())); //2019-2-21 10:37:19
前置0
但是这里存在一个问题,就是,我想要的格式应该是 2017-05-12 08:48 在月、日、时、分、秒
小于10
的时候,应该要前置一个0
。改进代码
第二种:
function formatDate2(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;
};
alert(formatDate2(new Date().getTime())); //2019-02-21 10:39:33
第三种:
这下格式对了。但是会不会麻烦了点?我们再试试这种
一个长度为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"]
如果数字在 preArr 中则取 preArr[i] 值,否则 就本身的值,如:preArr[month] || month。具体实现如下:
function formatDate3(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", "04", "05", "06", "07", "08", "09"]
console.log(preArr[9]);
console.log(preArr[hour]||hour);
var newTime = year + '-' +
(preArr[month]||month) + '-' +
(preArr[day]||day) + ' ' +
(preArr[hour]||hour) + ':' +
(preArr[min]||min) + ':' +
(preArr[sec]||sec);
return newTime;
};
alert(formatDate3(new Date().getTime())); //2019-02-21 10:45:54
任意设置时间模式
第四种(推荐使用)
以上,都是按照固定的格式YY-MM-DD hh:mm:ss
输出的。要是产品突然说,改成2017年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", "04", "05", "06", "07", "08", "09"]
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;
};
alert(formatDate(new Date().getTime())); //2019-02-21 10:45:54
alert(formatDate(new Date().getTime(),'YY年MM月DD日'));//2019年02月21日
alert(formatDate(new Date().getTime(),'今天是YY/MM/DD hh:mm:ss'));//今天是2019/02/21 10:49:29
参考文章:
Array.apply(null, {length: 20})和Array(20)的理解
Date --> String
alert( new Date().toLocaleString() ); //2019/2/21 上午11:03:12
alert( new Date().toLocaleDateString() ); //2019/2/21
alert( new Date().toLocaleTimeString() ); //上午11:03:12
转成任意时间模式:使用第四种
String --> Date
parse() 方法可解析一个日期时间字符串,并返回 1970/1/1 午夜距离该日期时间的毫秒数。
var date1 = new Date("2019-02-21 10:08:43");
var date2 = new Date(Date.parse("2019-02-26".replace(/-/g, "/")));
alert( date1 ); //Thu Feb 21 2019 10:08:43 GMT+0800 (中国标准时间)
alert( date2 ); //Tue Feb 26 2019 00:00:00 GMT+0800 (中国标准时间)
alert( Date.parse("2019-02-26".replace(/-/g, "/")) ); //1551110400000
alert( Date.parse("2019-02-26 10:08:43".replace(/-/g, "/")) ); //1551146923000