解决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的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
一个小项目中用到，奉命进行修改，定位到2009-03-03
My Desktop 桌面式 代码2008-12-12
这篇文章主要介绍了javascript文本框内输入文字倒计数的方法,涉及javascript针对键盘事件的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
模块化简单来说就是将一个完整的长篇代码文件根据功能进行划分成几个文件，这些文件各自负责一个独立的功能，各个文件组合起来实现一个完整的大功能，这就是模块化，每个负责独立功能的文件就是模块。2021-05-05
javascript修改IMG标签的SRC，在IE6下面图片修改正常，但在IE7和Firefox下面却不刷新，下面有个解决方法，大家可以参考下2014-03-03
今天小编就为大家分享一篇layui的layedit富文本赋值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了简单了解JavaScript中的new Function，文章通过围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-09-09
Microsoft Ajax Minifier 压缩javascript的方法
使用Microsoft AJAX 库 (第六个预览版) 其中有一个 ajaxmin.exe 可以压缩Js文件可以在dos 命令下 /? 查看其参数说明。2010-03-03
ES6增加了很多新的语法，很多同学学习起来感觉很别扭，有时候也不理解新增加的语法有什么用，对ES6的学习也没有兴趣进而动力不足、学习效率不高。下面这篇文章将通过30分钟带大家快速入门掌握ES6/ES2015的核心内容，需要的朋友可以参考下。2018-04-04
这篇文章主要介绍了微信小程序 Animation实现图片旋转动画示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
最新评论