解决layui数据表格Date日期格式的回显Object的问题
更新时间：2019年09月19日 09:16:31 作者：土了个豆
今天小编就为大家分享一篇解决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);
}}
还有就是，时间对象里面会有个 time 时间戳属性，可以通过 new Date（xxx.time），即可。
以上这篇解决layui数据表格Date日期格式的回显Object的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了JavaScript中的常用算法与函数。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
本篇文章主要是对JS获取月的最后一天与JS得到一个月份最大天数的实例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
javascript 实现 秒杀,团购 倒计时展示的记录 分享
这篇文章介绍了javascript 实现 秒杀,团购 倒计时展示的记录方法，有需要的朋友可以参考一下2013-07-07
在实际需要中可能需要规定在指定的时间之后再去执行一个函数以达成期望的目的，这也就是一个定时器效果,本文给大家介绍基于JavaScript实现一定时间后去执行一个函数的相关知识，感兴趣的朋友一起学习吧2015-12-12
这篇文章主要为大家详细介绍了javascript实现手动点赞效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-04-04
有10个复选框，用户最多只能勾选3个，否则就灰掉所有复选框，具体实现思路及代码如下，感兴趣的朋友可以参考下，希望对大家有所帮助2013-08-08
常见的浏览器存储方式（cookie、localStorage、sessionStorage）
今天我们从前端的角度了解一下浏览器存储，我们常见且常用的存储方式主要由两种：cookie、webStorage（localStorage和sessionStorage）。本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧2019-05-05
这篇文章主要介绍了JavaScript中的LHS和RHS分析详情，LHS是赋值操作即可以看做是在往内存中存储值，而RHS是取值操作，它是从内存中进行检索，下文更多相关资料介绍需要的小伙伴可以参考一下2022-04-04
录屏软件对于我们来说都不陌生了,本文我们要做的事情是实现自己的录屏软件,载体使用Electron,因为它更适合录制桌面的场景,下面我们就来看看具体实现方法吧2024-01-01
这篇文章主要介绍了VSCODE中配置JavaScript编译环境的方法，方式一 使用Node.js做为解释器运行JS代码 Node.js的安装和配置，方式二使用VSCODE插件Code Runner运行JS代码，本文给大家介绍的非常详细，需要的朋友可以参考下2022-08-08
最新评论