如何解决layui数据表格Date日期格式的回显Object的问题

这篇文章主要为大家展示了“如何解决layui数据表格Date日期格式的回显Object的问题”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“如何解决layui数据表格Date日期格式的回显Object的问题”这篇文章吧。

创新互联响应式网站特点就是不管在电脑、平板还是手机上，H5技术都会根据屏幕尺寸自动调节大小、图片分辨率，并且融入一定的动画特效，让网站看起来非常的美观大方。从网站需求对接到网站制作设计、从代码编写到项目上线运维，技术人员全程跟踪，快速响应

有属性： private Date createtime;

但是回显的时候，显示{ Object object }，想要转换成字符串格式显示。

layui中显示：

在对应的实体类中添加属性：private String createtimestr;

然后添加对应的set/get方法，但是方法处理的是createtime

但是在Mybatis-plus框架映射时，数据库表里面又没有该字段，获取数据的时候会报异常，unknown field "createtimestr" in table ，

解决办法，在添加的属性上面添加注解 @TableField(exist = false)

用于表示表中没有该字段，不然报错。

最后就是

方法二：

在前端页面创建处理时间的函数：

 function dateToStr(date) {
 var time = new Date(date.time);
 var y = time.getFullYear();
 var M = time.getMonth() + 1;
 M = M < 10 ? ("0" + M) : M;
 var d = time.getDate();
 d = d < 10 ? ("0" + d) : d;
 var h = time.getHours();
 h = h < 10 ? ("0" + h) : h;
 var m = time.getMinutes();
 m = m < 10 ? ("0" + m) : m;
 var s = time.getSeconds();
 s = s < 10 ? ("0" + s) : s;
 var str = y + "-" + M + "-" + d + " " + h + ":" + m + ":" + s;
 console.log(str);
 return str;
 }

然后再模板输出

{field: 'createtime', title: '发布时间',sort: true, minWidth: 100,templet:'
{{dateToStr(d.createtime)}}
'}

或者

{field: 'createtime', title: '发布时间',sort: true, minWidth: 100,templet:function (d) {
 return dateToStr(d.createtime);
 }}

还有就是，时间对象里面会有个 time 时间戳属性，可以通过 new Date（xxx.time），即可。

以上是“如何解决layui数据表格Date日期格式的回显Object的问题”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！