vue——el-input、el-table的时间格式处理

一、原生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

    }

二、moment，更简洁和方便解析各种格式

 首先引入依赖moment

      在<script> 引入：

<script>
  import {BaseVue, List} from '@lib'
  import moment from 'moment'

1、处理el-table     

a、入依赖moment：import moment from 'moment'

b、在行字段添加属性 :formatter

         :formatter="dateFormat"

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

c、格式化行中日期方法dateFormat

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

2、处理el-input

  a、入依赖moment：import moment from 'moment'

  b、格式化字符串日期方法

 dateStrFormat(strTime) {
               if (strTime== undefined) {
	          return ''
	        }
        return moment(strTime).format("YYYY-MM-DD HH:mm:ss")
      },

c、调用，在初始化页面时

 this.user.createdDate = this.dateStrFormat(this.user.createdDate)

纪录点点滴滴，成为海洋的一滴水！