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 2022-07-05 16:52  dxxrc  阅读(578)  评论(0)    收藏  举报