解决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 相关文章推荐
复制本贴标题和地址的js代码
Jul 01 Javascript
js onkeypress与onkeydown 事件区别详细说明
Dec 13 Javascript
jQuery对指定元素中指定字符串进行替换的方法
Mar 17 Javascript
JavaScript动态创建div等元素实例讲解
Jan 06 Javascript
js判断手机浏览器操作系统和微信浏览器的方法
Apr 30 Javascript
关于动态执行代码(js的Eval)实例详解
Aug 15 Javascript
详解js中Number()、parseInt()和parseFloat()的区别
Dec 20 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
Feb 27 Javascript
vue中实现滚动加载更多的示例
Nov 08 Javascript
深入理解Node module模块
Mar 26 Javascript
浅析Vue实例以及生命周期
Aug 14 Javascript
layer.open 获取不到表单信息的解决方法
Sep 26 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
德生PL330测评
2021/03/02 无线电
?算你??的 PHP 程式大小
2006/12/06 PHP
vs中通过剪切板循环来循环粘贴不同内容
2011/04/30 PHP
php中使用Imagick实现图像直方图的实现代码
2011/08/30 PHP
ajax php传递和接收变量实现思路及代码
2012/12/19 PHP
PHP中include()与require()的区别说明
2017/02/14 PHP
PHP基于GD2函数库实现验证码功能示例
2019/01/27 PHP
Javascript类库的顶层对象名用户体验分析
2010/10/24 Javascript
jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法
2013/03/05 Javascript
js 遍历json返回的map内容示例代码
2013/10/29 Javascript
jQuery 顶部导航跟随滚动条滚动固定浮动在顶部
2014/06/06 Javascript
AngularJS使用ngMessages进行表单验证
2015/12/27 Javascript
jquery拖拽效果完整实例(附demo源码下载)
2016/01/14 Javascript
JavaScript学习笔记之取数组中最大值和最小值
2016/03/23 Javascript
JS跨域解决方案之使用CORS实现跨域
2016/04/14 Javascript
Vue项目全局配置微信分享思路详解
2018/05/04 Javascript
javascript使用正则实现去掉字符串前面的所有0
2018/07/23 Javascript
angularJs利用$scope处理升降序的方法
2018/10/08 Javascript
Python multiprocessing模块中的Pipe管道使用实例
2015/04/11 Python
python3中dict(字典)的使用方法示例
2017/03/22 Python
python3利用venv配置虚拟环境及过程中的小问题小结
2018/08/01 Python
python八皇后问题的解决方法
2018/09/27 Python
PyCharm+Qt Designer+PyUIC安装配置教程详解
2019/06/13 Python
在linux系统下安装python librtmp包的实现方法
2019/07/22 Python
Python Collatz序列实现过程解析
2019/10/12 Python
Python 实现OpenCV格式和PIL.Image格式互转
2020/01/09 Python
python模拟预测一下新型冠状病毒肺炎的数据
2020/02/01 Python
浅谈keras.callbacks设置模型保存策略
2020/06/18 Python
python爬虫实现爬取同一个网站的多页数据的实例讲解
2021/01/18 Python
《再见了,亲人》教学反思
2014/02/26 职场文书
演讲主持词
2014/03/18 职场文书
《富饶的西沙群岛》教学反思
2014/04/09 职场文书
就业协议书怎么填
2014/04/11 职场文书
效能风暴心得体会
2014/09/04 职场文书
关于清明节的演讲稿2015
2015/03/18 职场文书
Python字符串格式化方式
2022/04/07 Python