JavaScript时间戳转yyyy-MM-dd HH-mm-ss格式工具类详解

作者:清欢

时间:2026-10-23

浏览:97

本文详解如何在JavaScript中将时间戳转换为yyyy-MM-dd HH-mm-ss格式。通过两种方法:基础函数封装与IIFE工具类模式,展示如何规范年月日时分秒的补零逻辑及返回值处理,适用于Web开发中的日期展示需求。

文章目录

JavaScript时间戳转日期格式工具类实现教程

在Web开发场景中,常需将时间戳转换为yyyy-MM-dd HH-mm-ss格式以提升可读性。实现这一转换的核心在于编写一个专用的时间戳处理工具类,具体实现如下所示。

第一种方案采用最简化的JavaScript时间格式转换函数方法。


function formatDateTime(inputTime) { 
 var date = new Date(inputTime);
 var y = date.getFullYear(); 
 var m = date.getMonth() + 1; 
 m = m < 10 ? ('0' + m) : m; 
 var d = date.getDate(); 
 d = d < 10 ? ('0' + d) : d; 
 var h = date.getHours();
 h = h < 10 ? ('0' + h) : h;
 var minute = date.getMinutes();
 var second = date.getSeconds();
 minute = minute < 10 ? ('0' + minute) : minute; 
 second = second < 10 ? ('0' + second) : second; 
 return y + '-' + m + '-' + d+' '+h+':'+minute+':'+second; 
};

随后,在JSP或HTML页面中直接调用该JS时间转换方法即可实现效果。


formatDateTime(inputTime);

第二种方案是在JS工具类中定义时间戳转换方法,具体实现包含工具类的定义逻辑(注意:函数内部必须包含“return”语句以返回格式化后的字符串)。


var tool = (function ($) {
 var formatDateTime = function (inputTime) { 
 	var date = new Date(inputTime);
  var y = date.getFullYear(); 
  var m = date.getMonth() + 1; 
  m = m < 10 ? ('0' + m) : m; 
  var d = date.getDate(); 
  d = d < 10 ? ('0' + d) : d; 
  var h = date.getHours();
  h = h < 10 ? ('0' + h) : h;
  var minute = date.getMinutes();
  var second = date.getSeconds();
  minute = minute < 10 ? ('0' + minute) : minute; 
  second = second < 10 ? ('0' + second) : second; 
  return y + '-' + m + '-' + d+' '+h+':'+minute+':'+second; 
 }; 
 
 return { 
  formatDateTime : formatDateTime //最后一行不要有逗号
 };
})(jQuery);

在JSP或HTML文件中调用上述JS时间戳转换方法的示例代码如下。


�core.formatDateTime(o.beginDate);�

以上介绍了JavaScript将时间戳转换为yyyy-MM-dd HH-mm-ss格式的工具类详解,希望能为读者提供帮助。如有疑问欢迎留言,小编将及时回复。感谢支持本网站。

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章