后端mysql使用timestamp导致，前段vue时间显示带T

原创已于 2023-11-07 11:12:38 修改 · 588 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#mysql #vue.js #数据库

于 2023-11-07 11:09:21 首次发布

vue 同时被 2 个专栏收录

3 篇文章

订阅专栏

springboot

2 篇文章

订阅专栏

博客介绍了前后端处理时间戳显示问题的方法。后端可在实体类中加注解 @JsonFormat 直接修改传值的时间戳；前端使用 VUE elementui 框架，在表格中处理对应错误字段，加判断 v-if=“scope.row.createDate”，并通过替换去掉时间中的 T。

可在后端处理
1.在实体类中加注解
在实体类中加入下列代码，我是这样处理的（我是在往前台传展示的时候发现的这个问题）
@JsonFormat(timezone = “GMT+8”,pattern = “yyyy-MM-dd HH:mm:ss”)
直接修改传值的时间戳。

2.前端处理
使用VUE elementui框架，在表格中直接处理对应的错误字段即可。

  <el-table-column
        prop="createDate"
        align="center"
        label="创建时间"
        width="150">
      <template slot-scope="scope" v-if="scope.row.createDate">
        {{scope.row.createDate.toLocaleString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '')}}
      </template>
    </el-table-column>