本文介绍在JavaScript中如何处理后台返回的毫秒数,并将其转换为易读的日期时间格式。通过重写Date原型方法,在前端遍历数据时直接调用,实现从原始毫秒值到标准“年-月-日 时:分:秒”格式的自动转换,解决前端显示问题。
JS将后台毫秒数转换为指定日期时间格式的方法
在最近的项目开发中,从后台获取的日期数据传递至前端JavaScript进行遍历时,原始数据显示为以“14”开头的毫秒数值。起初尝试使用SimpleDateFormat类进行处理,但发现无法正确渲染。经过查阅资料,发现实现方式其实十分简便,现将具体方法分享如下,供读者参考。
1. 原始毫秒数展示

2. 处理前的显示效果

3. 处理后的显示效果

Date.prototype.toLocaleString = function() {
return this.getFullYear() + "-" + (this.getMonth() + 1) + "-" + this.getDate() + " " + this.getHours() + ":" + this.getMinutes() + ":" + this.getSeconds();
};
success:function(data){
var Str="";
var length = data.length;
for(var i=0;i<length;i++){
//Str += '<tr><td>'+data[i].roleId+'</td><td>'+data[i].roleName+'</td><td>'+data[i].remarks+'</td><td>'+data[i].createBy+'</td><td>'+data[i].createDate+'</td><td>'+data[i].updateBy+'</td><td>'+data[i].updateDate+'</td><td>'+data[i].status+'</td></tr>';
Date.prototype.toLocaleString = function() {
return this.getFullYear() + "-" + (this.getMonth() + 1) + "-" + this.getDate() + " " + this.getHours() + ":" + this.getMinutes() + ":" + this.getSeconds();
};
Str += "<tr>" +
"<td class=\"tbody_check\">" +
"<span class=\"check\">" +
"<input type=\"checkbox\" value=\""+data[i].roleId+"\" name=\"checkbox\">" +
"</span>" +
"</td>" +
"<td>" +data[i].roleId+"</td>" +
"<td>" +data[i].roleName+"</td>" +
"<td>" +data[i].remarks+"</td>" +
"<td>" +data[i].createBy+"</td>" +
"<td>" +new Date(data[i].createDate).toLocaleString()+"</td>" +
"<td>" +data[i].updateBy+"</td>" +
"<td>" +new Date(data[i].updateDate).toLocaleString()+"</td>" +
"<td>" +data[i].status+"</td>" +
"</tr>";
}
$("#rolelist").html(Str);
}
以上内容即为本文的全部分享,希望能为各位的学习带来帮助,同时也欢迎大家继续关注和支持本站。