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
    }

 

顯示效果：