随笔 - 5  文章 - 0  评论 - 1  阅读 - 29973

vue前端格式化日期

vue前端格式化日期

从数据库读出的时间很多时候不是我们需要的格式,这时候前端就可以处理一下

处理之前:

假如我们只想保留日期,只需要修改:formatter就可以了

<el-table-column property="createTime" label="申请时间" width="200" :formatter="formatDate">
</el-table-column>
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();
    }
}

效果

posted on   dxxrc  阅读(572)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示