本文详解如何在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格式的工具类详解,希望能为读者提供帮助。如有疑问欢迎留言,小编将及时回复。感谢支持本网站。