vue+elementUI的组件el-input、el-table的时间格式处理

引入moment.js，方便计算

  import moment from 'moment'

一、对 el-table的处理

加入 formatter 属性
:formatter=“dateFormat”

 <el-table-column
     align="center"
     width="150"
     sortable
     :formatter="dateFormat"
     prop="createdDate"
     label="申请时间">
   </el-table-column>

在js中

dateFormat(row, column) {
  let date = row[column.property]
  if (date == undefined) {
    return ''
  }
  return moment(date).format("YYYY-MM-DD HH:mm:ss")
}

二、处理el-input

直接在给 el-input赋值时，用moment.js对值进行格式化

this.form.time = moment(this.form.time).format("YYYY-MM-DD HH:mm:ss")

三、原生js处理

createdtimeformat (value){
   let date = new Date(value*1000)
	// 如果是字符串
    // let date = new Date(value)
   let Y = date.getFullYear()
   let M = date.getMonth() +1
   M = ( M < 10 ? '0' + M:M )
   let D = (date.getDate() < 10 ? '0' + date. getDate(): date.getDate())
   let h = (date.getHours() < 10 ? '0' +date.getHours() : date.getHours())
   let m = (date.getMinutes() < 10 ?'0' +date.getMinutes() : date.getMinutes())
   let s = (date.getSeconds() < 10 ? '0' + date.getSeconds(): date.getSeconds())
   return Y + '-' + M +'-' + D + ' ' + h +':' + m +':' + s
 }