若依解決VUE前端時間顯示問題

小小仓鼠發表於2024-04-15
Vue前端

參考：https://blog.csdn.net/qq_43544074/article/details/119139313#:~:text=%E6%97%A0%E6%B3%95%E6%AD%A3%E7%A1%AE%E7%9A%84%E6%98%BE%E7%A4%BA%E6%97%B6%E9%97%B4%E3%80%82%20%E8%A7%A3%E5%86%B3%E5%A6%82%E4%B8%8B%EF%BC%9A%201%E3%80%81%E5%9C%A8%E5%90%8E%E7%AB%AF%E4%BB%A3%E7%A0%81%E4%B8%AD%E6%B7%BB%E5%8A%A0%E4%BB%A5%E4%B8%8B%E4%BB%A3%E7%A0%81,%40JsonFormat%28pattern%3D%22yyyy-MM-dd%20HH%3Amm%3Ass%22%2Ctimezone%3D%22GMT%2B8%22%29%202%E3%80%81%E5%9C%A8%E5%90%8E%E7%AB%AF%E6%AD%A3%E5%B8%B8%E7%9A%84%E6%83%85%E5%86%B5%E4%B8%8B%E8%BF%98%E6%98%AF%E6%97%A0%E6%B3%95%E5%87%86%E7%A1%AE%E6%98%BE%E7%A4%BA%E6%97%B6%E9%97%B4%EF%BC%8C%E5%88%99%E5%9C%A8%E5%89%8D%E6%AE%B5%E6%8A%8A%E6%97%B6%E9%97%B4%E5%AD%97%E6%AE%B5%E4%BF%AE%E6%94%B9

問題描述：資料庫中的表欄位含有時間 欄位型別為：timestamp 和datatime

在前段應該顯示為：yyyy-MM-dd HH:mm:ss 但是前段一直顯示為yyyy-MM-dd 00:00:00

無法正確的顯示時間。

解決如下：

1、在後端domain程式碼中新增以下程式碼

@JsonFormat(pattern="yyyy-MM-dd HH:mm:ss",timezone="GMT+8")

2、在後端正常的情況下還是無法準確顯示時間，則在前段把時間欄位修改

<el-table-column label="更新時間" align="center" prop="updateTime" width="180">
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.updateTime,'{y}-{m}-{d}-{h}-{m}-{s}') }}</span>
        </template>
 </el-table-column>

然後即可正常顯示時間。

相關文章