推广 热搜: csgo  vue  angelababy  2023  gps  新车  htc  落地  app  p2p 

element-ui 表格数据时间格式化的方法(无插件)

   2023-07-28 网络整理佚名2230
核心提示:使用场景:中包含时间格式的数据,对其进行格式化操作;效果:形式;操作步骤:该属性其中是格式化操作的逻辑;过滤出需要格式化的列的prop即可另一种场景:如果在表格中使用了插槽,那么上述的方法会不起作用;过滤器进行格式化代码片:

使用场景:

当el-table列表中包含时间格式的数据时,进行格式化

影响:

格式为“yyyy-MM-dd”;

脚步:

绑定列上的属性

其中就是格式化操作的逻辑; 只需过滤掉需要格式化的列的 props


    
    dateFormat(row, column) {
      if (column.property === 'releaseTime' || column.property === 'trainingStarttime' || column.property === 'trainingEndtime') {
//       返回格式化的列
        return row[column.property].substring(0,10)
      }else{
//       返回不需要惊醒格式化列源
        return row[column.property]
      }
    },

另一种情况:

如果表中使用了slots,则上述方法不起作用;

解决方法:使用过滤器进行格式化

代码片:

  filters: {
    
    dateFormat(val) {
      //       返回不需要惊醒格式化列源
      return val.substring(0,10)
    }
  },

 
反对 0举报 0 收藏 0 打赏 0评论 0
 
更多>同类资讯
推荐图文
推荐资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报
Powered By DESTOON