解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問題

更新時間：2019年09月19日 09:16:31 作者：土了個豆

今天小編就為大家分享一篇解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

有屬性： private Date createtime;

但是回顯的時候，顯示{ Object object }，想要轉(zhuǎn)換成字符串格式顯示。

layui中顯示：

在對應(yīng)的實(shí)體類中添加屬性：private String createtimestr;

然后添加對應(yīng)的set/get方法，但是方法處理的是createtime

但是在Mybatis-plus框架映射時，數(shù)據(jù)庫表里面又沒有該字段，獲取數(shù)據(jù)的時候會報異常，unknown field "createtimestr" in table ，

解決辦法，在添加的屬性上面添加注解 @TableField(exist = false)

用于表示表中沒有該字段，不然報錯。

最后就是

方法二：

在前端頁面創(chuàng)建處理時間的函數(shù)：

<!--轉(zhuǎn)換時間格式-->
<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的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JSON格式的鍵盤編碼對照表
這篇文章主要介紹了JSON格式的鍵盤編碼對照表,本文給出英文鍵名、對應(yīng)數(shù)值和中文注釋,需要的朋友可以參考下
2015-01-01
js實(shí)現(xiàn)文字向上輪播功能
本文主要分享了javascript實(shí)現(xiàn)向上文字輪播功能的示例代碼。具有一定的參考價值，下面跟著小編一起來看下吧
2017-01-01
基于函數(shù)執(zhí)行的踩坑(addEventListener)
這篇文章主要介紹了基于函數(shù)執(zhí)行的踩坑(addEventListener)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-01-01
JS實(shí)現(xiàn)的集合去重，交集，并集，差集功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)的集合去重，交集，并集，差集功能,結(jié)合實(shí)例形式分析了javascript基于數(shù)組實(shí)現(xiàn)的集合去重、交集、并集、差集等相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2018-03-03
解決js圖片加載時出現(xiàn)404的問題
這篇文章主要為大家詳細(xì)介紹了解決js圖片加載時出現(xiàn)404問題的方法，具有一定的參考價值，這方面有困惑的朋友可以參考一下
2015-11-11
基于ionic實(shí)現(xiàn)下拉刷新功能
這篇文章主要為大家詳細(xì)介紹了基于ionic實(shí)現(xiàn)下拉刷新功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-05-05
JS實(shí)現(xiàn)的網(wǎng)頁倒計(jì)時數(shù)字時鐘效果
這篇文章主要介紹了JS實(shí)現(xiàn)的網(wǎng)頁倒計(jì)時數(shù)字時鐘效果,是一款非常實(shí)用的javascript倒計(jì)時特效,具有一定參考借鑒價值,需要的朋友可以參考下
2015-03-03
ES6 fetch函數(shù)與后臺交互實(shí)現(xiàn)
最近在學(xué)習(xí)react-native，遇到調(diào)用后端接口的問題。看了看官方文檔，推薦使用es6的fetch來與后端進(jìn)行交互，這篇文章主要介紹了ES6 fetch函數(shù)與后臺交互實(shí)現(xiàn)，感興趣的小伙伴們可以參考一下
2018-11-11
BootStrap select2 動態(tài)改變值的方法
這篇文章主要介紹了BootStrap select2 動態(tài)改變值的方法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-02-02
JS圖片無縫滾動(簡單利于使用)
現(xiàn)在又想做一個無縫滾動了，所以在網(wǎng)上找啊找，好多都是相同的，而且調(diào)試復(fù)雜，好多都不能動，也懶得去細(xì)看，終于讓我發(fā)現(xiàn)了這個，希望能幫到別人：
2013-06-06