element ui 时间格式化

element ui中表格中有个列属性，用来格式化数据

 

 

 示例：这里使用vue动态绑定:formatter

<el-table-column prop="createTime" label="创建时间" :formatter="dateFormat" sortable>
        </el-table-column>

dateFormat：方法

 // 时间格式化
    dateFormat: function(row) {
      var t = new Date(row.createTime)// row 表示一行数据, createTime 表示要格式化的字段名称
      if(!t){
        return ''
      }
      let year = t.getFullYear()
      let month = this.dateIfAddZero(t.getMonth()+1)
      let day = this.dateIfAddZero(t.getDate())
      let hours = this.dateIfAddZero(t.getHours())
      let minutes = this.dateIfAddZero(t.getMinutes())
      let seconds = this.dateIfAddZero(t.getSeconds())
      return year + '-' + month + '-' + day+ ' ' + hours + ':' + minutes+ ':' + seconds
    },
    dateIfAddZero : function (time) {
      return time < 10 ? '0'+ time : time
    }

 

显示效果：