JavaScript日期格式转换:从标准时间到YYYY-MM-DD HH:MM:SS的三种实现

作者:清欢

时间:2026-10-23

浏览:612

本文介绍了在JavaScript中将Date对象转换为YYYY-MM-DD HH:MM:SS格式的多种方法。包括利用自定义Format函数、封装ChangeDateFormat函数以及手动构建日期字符串和正则替换方案。通过具体代码示例,展示了如何获取年月日时分秒并补零,帮助开发者快速实现日期格式化处理。

文章目录

JavaScript日期格式转换概述

网络上关于JavaScript日期格式转换为YYYY-MM-DD HH:MM:SS的教程较多,但往往显得繁琐。为此,本文总结了几种简洁实用的方法,既便于个人学习回顾,也供读者参考使用。

方法一:自定义Format函数

第一种实现方式如下:


项目源码:
$("#createTime").text((new Date(jumpParams.createDate.time).Format("yyyy-MM-dd hh:mm:ss")));
$("#updateTime").text((new Date(jumpParams.updateDate.time).Format("yyyy-MM-dd hh:mm:ss")));
关键点:
xxx.Format("yyyy-MM-dd hh:mm:ss");调用这句话就可以将Sun May 27 2018 11:08:09 GMT+0800 (中国标准时间)格式的时间转换为"2018-05-27 11:08:09"格式的时间。

方法二:封装ChangeDateFormat函数

第二种实现方式如下:


项目源码:
$("#createTime").text((ChangeDateFormat(new Date(jumpParams.createDate.time))));
$("#updateTime").text((ChangeDateFormat(new Date(jumpParams.updateDate.time))));
封装方法调用:
function ChangeDateFormat(date) {
 return date.Format("yyyy-MM-dd hh:mm:ss");
}

关键要点在于注意括号的使用以及时间格式字符串的匹配。

开发者可以使用浏览器开发者工具来验证上述转换效果:

JavaScript日期格式转换概述

其他日期处理方案

除此之外,还有其他几种常见的处理思路。


function formatDate(date,cut) {
 var date = new Date(date);
 var YY = date.getFullYear() + cut;
 var MM =
 (date.getMonth() + 1 < 10
  ? "0" + (date.getMonth() + 1)
  : date.getMonth() + 1) + cut;
 var DD = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
 var hh =
 (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":";
 var mm =
 (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) +
 ":";
 var ss = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
 return YY + MM + DD + " " + hh + mm + ss;
}
 

正则表达式日期格式化

其中一种基于正则表达式的方法:


function farmatDate(time, fmt) {
 if (/(y+)/.test(fmt) {
  fmt = fmt.replace(RegExp.$1, date.getFullYear() + '').substr(4 - RegExp.$1.length);
 }

 let o = {
  'M+': getMonth() + 1,
  'd+': getDay(),
  'h+': getHours(),
  'm+': getMinutes(),
  's+': getSeconds()
 };

 for (let key in o) {
  if(RegExp(`(${key})`.test(fmt)) {
   let str = o[key] + '';
   fmt = fmt.replace(RegExp.$1, str.length === 2 ? str:padLeftZero(str);
  }
 }
 return fmt;
}

// 函数 padLeftZero 的作用:如果月份为1位(如9),则在其左边补0(变为09)
function padLeftZero(str) {
 return '00' + substr(str.length);
}

// 举例
let res = formatDate('1469261964000', 'yyyy-MM-dd hh:mm');
console.log(res); // 2016-07-06 16:19

至此,关于JavaScript日期格式转换为YYYY-MM-DD HH:MM:SS的介绍便告一段落。如需了解更多相关内容,建议查阅本站过往文章或继续浏览后续教程,感谢大家的支持!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章