Vue + Element UI + Moment.js——el-table-column的时间戳格式转换解决方案

举报
达拉崩巴斑得贝迪卜多 发表于 2021/12/20 22:40:32 2021/12/20
【摘要】 基本概念 Moment.js:JavaScript 日期处理类库 解决方案 formatter="dateFormat"绑定一个 dateFormat方法 <el-table-co...

基本概念

Moment.js:JavaScript 日期处理类库

解决方案

formatter="dateFormat"绑定一个 dateFormat方法

<el-table-column 
    prop="createTime" 
    :formatter="dateFormat" 
    label="日期" 
    width="120">
</el-table-column>

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

Moment.js版本

dateFormat:function(row,column){
          var date = row[column.property]; 
          if (date === undefined) { 
            return ""; 
          } 
          var moment = require("moment");
          return moment(date).format("YYYY-MM-DD HH:mm:ss"); 
    }

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

自定义版本

    formatDate(row, column) {
                let date = new Date(时间戳);
                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;
            },

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

文章来源: lvsige.blog.csdn.net,作者:祥子的小迷妹,版权归原作者所有,如需转载,请联系作者。

原文链接:lvsige.blog.csdn.net/article/details/107686361

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。