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


Posted in Javascript onSeptember 19, 2019

有属性: 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 相关文章推荐
javascript一元操作符(递增、递减)使用示例
Aug 07 Javascript
javascript 获取iframe里页面中元素值的方法
Feb 17 Javascript
javascript实现3D变换的立体圆圈实例
Aug 06 Javascript
Jquery实现纵向横向菜单
Jan 24 Javascript
javascript简单实现等比例缩小图片的方法
Jul 27 Javascript
js获取页面引用的css样式表中的属性值方法(推荐)
Aug 19 Javascript
浅谈JS中的三种字符串连接方式及其性能比较
Sep 02 Javascript
javaScript字符串工具类StringUtils详解
Dec 08 Javascript
vue.js自定义组件directives的实例代码
Nov 09 Javascript
Vue 中的受控与非受控组件的实现
Dec 17 Javascript
vue组件三大核心概念图文详解
May 30 Javascript
JS实现炫酷雪花飘落效果
Aug 19 Javascript
转换layUI的数据表格中的日期格式方法
Sep 19 #Javascript
js 判断当前时间是否处于某个一个时间段内
Sep 19 #Javascript
vue-froala-wysiwyg 富文本编辑器功能
Sep 19 #Javascript
关于layui toolbar和template的结合使用方法
Sep 19 #Javascript
深入理解javascript prototype的相关知识
Sep 19 #Javascript
基于Vue的商品主图放大镜方案详解
Sep 19 #Javascript
vue 实现模糊检索并根据其他字符的首字母顺序排列
Sep 19 #Javascript
You might like
自制汽车收音机天线:收听广播的技巧和方法
2021/03/02 无线电
PHP 巧用数组降低程序的时间复杂度
2010/01/01 PHP
Session 失效的原因汇总及解决丢失办法
2015/09/30 PHP
PHP实现链式操作的三种方法详解
2017/11/16 PHP
php实现微信分享朋友链接功能
2019/02/18 PHP
屏蔽F1~F12的快捷键的js函数
2010/05/06 Javascript
jQuery 1.8 Release版本发布了
2012/08/14 Javascript
JavaScript判断DOM何时加载完毕的技巧
2012/11/11 Javascript
js中document.write使用过程中的一点疑问解答
2014/03/20 Javascript
ff chrome和ie下全局动态定位的异同及全局高度的取法
2014/06/30 Javascript
jquery中each方法示例和常用选择器
2014/07/08 Javascript
JavaScript删除数组元素的方法
2015/03/20 Javascript
SWFUpload多文件上传及文件个数限制的方法
2016/05/31 Javascript
JavaScript每天必学之数组和对象部分
2016/09/17 Javascript
JS实现页面进入和返回定位到具体位置
2016/12/08 Javascript
BootStrap Fileinput的使用教程
2016/12/30 Javascript
微信小程序登录换取token的教程
2018/05/31 Javascript
VUE 组件转换为微信小程序组件的方法
2019/11/06 Javascript
微信小程序如何获取地址
2019/12/24 Javascript
原生JS实现顶部导航栏显示按钮+搜索框功能
2019/12/25 Javascript
Angular+ionic实现折叠展开效果的示例代码
2020/07/29 Javascript
一篇文章看懂JavaScript中的回调
2021/01/05 Javascript
[47:06]DOTA2上海特级锦标赛主赛事日 - 4 败者组第五轮 MVP.Phx VS EG第一局
2016/03/05 DOTA
python tkinter基本属性详解
2019/09/16 Python
Tensorflow tf.dynamic_partition矩阵拆分示例(Python3)
2020/02/07 Python
解决python ThreadPoolExecutor 线程池中的异常捕获问题
2020/04/08 Python
python requests.get带header
2020/05/05 Python
python程序需要编译吗
2020/06/19 Python
3分钟看懂Python后端必须知道的Django的信号机制
2020/07/26 Python
pycharm使用技巧之自动调整代码格式总结
2020/11/04 Python
日本最大的眼镜购物网站:Oh My Glasses
2016/11/13 全球购物
中科创达面试题
2016/12/28 面试题
Java Servlet API中forward() 与redirect()的区别
2014/04/20 面试题
质量保证书格式模板
2015/02/27 职场文书
2015年监理个人工作总结
2015/05/23 职场文书
返乡农民工证明
2015/06/24 职场文书