jquery easyui datagrid columns日期格式化问题

最新推荐文章于 2021-08-03 16:49:49 发布

wel1

最新推荐文章于 2021-08-03 16:49:49 发布

阅读量2.9k

点赞数 2

分类专栏： WEB

本文链接：https://blog.csdn.net/xingzhishen/article/details/83759158

版权

在使用jQuery EasyUI的DataGrid时，遇到日期显示错误，内容为[object Object]。通过检查发现，后端返回的JSON日期字符串在前端被解析成了对象。在formatter函数中尝试转换日期时，提示'invalid date'。解决方案是，确保将日期字符串正确转化为时间戳，例如：new Date(json对象.time)，这样可以得到正确的日期时间，并成功进行格式化，使得日期显示恢复正常。

摘要由CSDN通过智能技术生成

使用easyui的datagrid，从后端返回的json字符串中的日期，直接赋值到createtime这个column时，出现了错误显示。

显示的样子是：[object Object]。明显是一个对象，使用formatter做了格式化后，

{
            field : 'createtime',
            title : '创建/修改时间',
            width : 220,
            align : 'center',
            formatter : function(value){
                var date = new Date(value);
                var y = date.getFullYear();
                var m = date.getMonth() + 1;
                var d = date.getDate();
                var h = date.getHours();
                var M = date.getMinutes();
                var s = date.getSeconds();
                return y + '-' +m + '-' + d + ' ' + h + ':' + M + ':' + s;
            },
}

显示的样子是：NaN-NaN-NaN NaN:NaN:NaN

在formatter中，alert(date);提示invalid date