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

這篇文章主要為大家展示了“如何解決layui數(shù)據(jù)表格Date日期格式的回顯Object的問題”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“如何解決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的問題”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道！