這篇文章主要為大家展示了“如何解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問(wèn)題”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“如何解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問(wèn)題”這篇文章吧。

創(chuàng)新互聯(lián)響應(yīng)式網(wǎng)站特點(diǎn)就是不管在電腦、平板還是手機(jī)上，H5技術(shù)都會(huì)根據(jù)屏幕尺寸自動(dòng)調(diào)節(jié)大小、圖片分辨率，并且融入一定的動(dòng)畫特效，讓網(wǎng)站看起來(lái)非常的美觀大方。從網(wǎng)站需求對(duì)接到網(wǎng)站制作設(shè)計(jì)、從代碼編寫到項(xiàng)目上線運(yùn)維，技術(shù)人員全程跟蹤，快速響應(yīng)

有屬性： 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ù)：

 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;
 }

然后再模板輸出

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

或者

{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)題”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！