解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問題
更新時間：2019年09月19日 09:16:31 作者：土了個豆
今天小編就為大家分享一篇解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
有屬性： private Date createtime;
但是回顯的時候，顯示{ Object object }，想要轉換成字符串格式顯示。
layui中顯示：
在對應的實體類中添加屬性：private String createtimestr;
然后添加對應的set/get方法，但是方法處理的是createtime
但是在Mybatis-plus框架映射時，數(shù)據(jù)庫表里面又沒有該字段，獲取數(shù)據(jù)的時候會報異常，unknown field "createtimestr" in table ，
解決辦法，在添加的屬性上面添加注解 @TableField(exist = false)
用于表示表中沒有該字段，不然報錯。
最后就是
方法二：
在前端頁面創(chuàng)建處理時間的函數(shù)：
<!--轉換時間格式-->
<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數(shù)據(jù)表格Date日期格式的回顯Object的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
一個小項目中用到，奉命進行修改，定位到2009-03-03
My Desktop 桌面式 代碼2008-12-12
這篇文章主要介紹了javascript文本框內輸入文字倒計數(shù)的方法,涉及javascript針對鍵盤事件的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
模塊化簡單來說就是將一個完整的長篇代碼文件根據(jù)功能進行劃分成幾個文件，這些文件各自負責一個獨立的功能，各個文件組合起來實現(xiàn)一個完整的大功能，這就是模塊化，每個負責獨立功能的文件就是模塊。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 命令下 /? 查看其參數(shù)說明。2010-03-03
ES6增加了很多新的語法，很多同學學習起來感覺很別扭，有時候也不理解新增加的語法有什么用，對ES6的學習也沒有興趣進而動力不足、學習效率不高。下面這篇文章將通過30分鐘帶大家快速入門掌握ES6/ES2015的核心內容，需要的朋友可以參考下。2018-04-04
微信小程序 Animation實現(xiàn)圖片旋轉動畫示例
這篇文章主要介紹了微信小程序 Animation實現(xiàn)圖片旋轉動畫示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08