element+vue:将Unix时间戳转化标准格式

发布时间：2020-12-16 01:55:46 所属栏目：安全来源：网络整理

导读：最近在做一个vue和element的项目，但是后台传过来的时间为时间戳，需要转化为标准格式，在网上搜了很多，虽然有很多关于vue时间戳的转换，但是不适用于element框架最终找到一个可以解决的办法： 1.在methods里面添加函数 //时间戳格式化 formatDate(row) {

最近在做一个vue和element的项目，但是后台传过来的时间为时间戳，需要转化为标准格式，在网上搜了很多，虽然有很多关于vue时间戳的转换，但是不适用于element框架

最终找到一个可以解决的办法：

1.在methods里面添加函数

   //时间戳格式化
    formatDate(row) {
      let date = new Date(parseInt(row.createTime) * 1000);
      let Y = date.getFullYear() + ‘-‘;
      let M = date.getMonth() + 1 < 10 ? ‘0‘ + (date.getMonth() + 1) + ‘-‘ : date.getMonth() + 1 + ‘-‘;
      let D = date.getDate() < 10 ? ‘0‘ + date.getDate() + ‘ ‘ : date.getDate() + ‘ ‘;
      let h = date.getHours() < 10 ? ‘0‘ + date.getHours() + ‘:‘ : date.getHours() + ‘:‘;
      let m = date.getMinutes()  < 10 ? ‘0‘ + date.getMinutes() + ‘:‘ : date.getMinutes() + ‘:‘;
      let s = date.getSeconds() < 10 ? ‘0‘ + date.getSeconds() : date.getSeconds();
      return Y + M + D + h + m + s;
    },

　2.使用formatter属性

<el-table-column prop="createTime" label="创建时间" align="center" header-align="center" :formatter="formatDate"/>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!