JavaScript将后台毫秒数转换为指定日期时间格式的方法

作者:小满

时间:2026-10-22

浏览:462

本文介绍在JavaScript中如何处理后台返回的毫秒数,并将其转换为易读的日期时间格式。通过重写Date原型方法,在前端遍历数据时直接调用,实现从原始毫秒值到标准“年-月-日 时:分:秒”格式的自动转换,解决前端显示问题。

文章目录

JS将后台毫秒数转换为指定日期时间格式的方法

在最近的项目开发中,从后台获取的日期数据传递至前端JavaScript进行遍历时,原始数据显示为以“14”开头的毫秒数值。起初尝试使用SimpleDateFormat类进行处理,但发现无法正确渲染。经过查阅资料,发现实现方式其实十分简便,现将具体方法分享如下,供读者参考。

1. 原始毫秒数展示

JS将后台毫秒数转换为指定日期时间格式的方法

2. 处理前的显示效果

JS将后台毫秒数转换为指定日期时间格式的方法

3. 处理后的显示效果

JS将后台毫秒数转换为指定日期时间格式的方法


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);
        }

以上内容即为本文的全部分享,希望能为各位的学习带来帮助,同时也欢迎大家继续关注和支持本站。

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章