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

网络编程 2024/12/26 佚名

2 0 1

蝙蝠岛资源网 Design By www.hbtsch.com

有属性： 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的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

layui,数据表格,日期格式,回显,Object

标签：

layui,数据表格,日期格式,回显,Object

蝙蝠岛资源网 Design By www.hbtsch.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

蝙蝠岛资源网 Design By www.hbtsch.com

评论“解决layui数据表格Date日期格式的回显Object的问题”

暂无解决layui数据表格Date日期格式的回显Object的问题的评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年12月26日

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

layui,数据表格,日期格式,回显,Object

微信小程序进入广告实现代码实例

转换layUI的数据表格中的日期格式方法

评论“解决layui数据表格Date日期格式的回显Object的问题”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接