layui数据表格Date日期格式的回显Object的问题

左手的ㄟ右手 2022-02-14 05:31 359阅读 0赞

# [layui数据表格Date日期格式的回显Object的问题][layui_Date_Object] #

有属性： private Date createtime;

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

layui中显示：

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

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

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

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

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

最后就是

方法二：

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

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

<script type="text/javascript">
     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;
     }
    </script>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

然后再模板输出

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

或者

\{field: 'createtime', title: '发布时间',sort: true, minWidth: 100,templet:function (d) \{

return dateToStr(d.createtime);

\}\}

转载自：[https://www.cnblogs.com/bigod/p/9811596.html][layui_Date_Object]

[layui_Date_Object]: https://www.cnblogs.com/bigod/p/9811596.html