解決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)
用于表示表中沒有該字段，不然報錯。
最后就是
方法二：
在前端頁面創(chuàng)建處理時間的函數：
<!--轉換時間格式-->
<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: '發(fā)布時間',sort: true, minWidth: 100,templet:'<div>{{dateToStr(d.createtime)}}</div>'}
或者
{field: 'createtime', title: '發(fā)布時間',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