這篇文章主要為大家展示了“如何解決layui數據表格Date日期格式的回顯Object的問題”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“如何解決layui數據表格Date日期格式的回顯Object的問題”這篇文章吧。

創新互聯響應式網站特點就是不管在電腦、平板還是手機上，H5技術都會根據屏幕尺寸自動調節大小、圖片分辨率，并且融入一定的動畫特效，讓網站看起來非常的美觀大方。從網站需求對接到網站制作設計、從代碼編寫到項目上線運維，技術人員全程跟蹤，快速響應

有屬性： private Date createtime;

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

layui中顯示：

在對應的實體類中添加屬性：private String createtimestr;

然后添加對應的set/get方法，但是方法處理的是createtime

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

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

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

最后就是

方法二：

在前端頁面創建處理時間的函數：

<!--轉換時間格式-->
<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: '發布時間',sort: true, minWidth: 100,templet:'<div>{{dateToStr(d.createtime)}}</div>'}

或者

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

還有就是，時間對象里面會有個 time 時間戳屬性，可以通過 new Date（xxx.time），即可。

以上是“如何解決layui數據表格Date日期格式的回顯Object的問題”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道！

名稱欄目：如何解決layui數據表格Date日期格式的回顯Object的問題
分享路徑：http://vcdvsql.cn/article28/iijjjp.html

成都網站建設公司_創新互聯，為您提供網站導航、網站維護、用戶體驗、定制網站、品牌網站建設、網站設計公司

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯