数据库属性为时间，但是传到前端以后变成1628563323000

最新推荐文章于 2023-05-16 00:02:41 发布

xiaolan-bit

最新推荐文章于 2023-05-16 00:02:41 发布

阅读量442

点赞数

本文链接：https://blog.csdn.net/qq_59716333/article/details/119566655

版权

博客内容讲述了在前端展示数据库timestamp字段时遇到的问题，即时间显示为一长串数字。作者提供了两种解决办法，一是使用moment.js库进行时间格式化，二是通过自定义的formatDate方法将时间戳转换为易读的日期时间格式。修改后的代码中，通过在el-table-column中添加formatter属性调用formatDate方法，成功将时间显示为年-月-日小时:分钟:秒的格式。

摘要由CSDN通过智能技术生成

问题：数据库中字段为timestamp 显示为

但是传到前端的时候发现，读出来是一长串的数字

原本的主要代码：

<el-table :data="List" border stripe>
        <el-table-column label="进入时间" prop="recordtime" ></el-table-column>
</el-table>

解决办法：在前端设置相应的函数

修改后的代码

<template>
  <div>
<el-card>
<el-table :data="List" border stripe>
        <el-table-column label="进入时间" prop="recordtime" :formatter="formatDate">
</el-table-column>
</el-table>
</div>
</template>

<script>
export default {
filters: {
    formatDate(nowTime) {
      var moment = require("moment");
      return moment(nowTime).format("YYYY-MM-DD");
    },
  },
methods: {
formatDate(row, column) {
      // 获取单元格数据
      let data = row[column.property];
      if (data == null) {
        return null;
      }
      let dt = new Date(data);
      return (
        dt.getFullYear() +
        "-" +
        (dt.getMonth() + 1) +
        "-" +
        dt.getDate() +
        " " +
        dt.getHours() +
        ":" +
        dt.getMinutes() +
        ":" +
        dt.getSeconds()
      );
    },
},
}

最后即可成功转换，前端页面得到时间