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

更新時(shí)間：2019年09月19日 09:16:31 作者：土了個(gè)豆

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

有屬性： private Date createtime;

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

layui中顯示：

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

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

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

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

用于表示表中沒(méi)有該字段，不然報(bào)錯(cuò)。

最后就是

方法二：

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

<!--轉(zhuǎn)換時(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ā)布時(shí)間',sort: true, minWidth: 100,templet:'<div>{{dateToStr(d.createtime)}}</div>'}

或者

{field: 'createtime', title: '發(fā)布時(shí)間',sort: true, minWidth: 100,templet:function (d) {
 return dateToStr(d.createtime);
 }}

還有就是，時(shí)間對(duì)象里面會(huì)有個(gè) time 時(shí)間戳屬性，可以通過(guò) new Date（xxx.time），即可。

以上這篇解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Iframe thickbox2.0使用的方法
一個(gè)小項(xiàng)目中用到，奉命進(jìn)行修改，定位到
2009-03-03
My Desktop :) 桌面式代碼
My Desktop 桌面式代碼
2008-12-12
javascript文本框內(nèi)輸入文字倒計(jì)數(shù)的方法
這篇文章主要介紹了javascript文本框內(nèi)輸入文字倒計(jì)數(shù)的方法,涉及javascript針對(duì)鍵盤事件的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02
如何理解JavaScript模塊化
模塊化簡(jiǎn)單來(lái)說(shuō)就是將一個(gè)完整的長(zhǎng)篇代碼文件根據(jù)功能進(jìn)行劃分成幾個(gè)文件，這些文件各自負(fù)責(zé)一個(gè)獨(dú)立的功能，各個(gè)文件組合起來(lái)實(shí)現(xiàn)一個(gè)完整的大功能，這就是模塊化，每個(gè)負(fù)責(zé)獨(dú)立功能的文件就是模塊。
2021-05-05
javascript修改IMG標(biāo)簽的src問(wèn)題
javascript修改IMG標(biāo)簽的SRC，在IE6下面圖片修改正常，但在IE7和Firefox下面卻不刷新，下面有個(gè)解決方法，大家可以參考下
2014-03-03
layui的layedit富文本賦值方法
今天小編就為大家分享一篇layui的layedit富文本賦值方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
簡(jiǎn)單了解JavaScript中的new?Function
這篇文章主要介紹了簡(jiǎn)單了解JavaScript中的new?Function，文章通過(guò)圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下
2022-09-09
Microsoft Ajax Minifier 壓縮javascript的方法
使用Microsoft AJAX 庫(kù) (第六個(gè)預(yù)覽版) 其中有一個(gè) ajaxmin.exe 可以壓縮Js文件可以在dos 命令下 /? 查看其參數(shù)說(shuō)明。
2010-03-03
30分鐘快速入門掌握ES6/ES2015的核心內(nèi)容（上）
ES6增加了很多新的語(yǔ)法，很多同學(xué)學(xué)習(xí)起來(lái)感覺(jué)很別扭，有時(shí)候也不理解新增加的語(yǔ)法有什么用，對(duì)ES6的學(xué)習(xí)也沒(méi)有興趣進(jìn)而動(dòng)力不足、學(xué)習(xí)效率不高。下面這篇文章將通過(guò)30分鐘帶大家快速入門掌握ES6/ES2015的核心內(nèi)容，需要的朋友可以參考下。
2018-04-04
微信小程序 Animation實(shí)現(xiàn)圖片旋轉(zhuǎn)動(dòng)畫示例
這篇文章主要介紹了微信小程序 Animation實(shí)現(xiàn)圖片旋轉(zhuǎn)動(dòng)畫示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08