Vue 日期的转换

1、在utils 下创建data.js

exports.install = function (Vue, options) {
    Vue.prototype.formatDate = function (row, column) {
      let data = row[column.property]
      if (data == null) {
        return null
      }
      let dt = new Date(data)
      let yyyy = dt.getFullYear()
      let MM = (dt.getMonth() + 1).toString().padStart(2, '0')
      let dd = dt.getDate().toString().padStart(2, '0')
      let h = dt.getHours().toString().padStart(2, '0')
      let m = dt.getMinutes().toString().padStart(2, '0')
      let s = dt.getSeconds().toString().padStart(2, '0')
      return yyyy + '-' + MM + '-' + dd + ' ' + h + ':' + m + ':' + s
    }
  }

2、在main.js下全局导入并运用

import dataMethod from  "@/utils/data.js"
Vue.use(dataMethod)

3、在表单中使用

 <el-table-column prop="createTime" :formatter="formatDate" label="日期" width="140">

4、效果

5、关于formatter（格式转换器）函数的使用

关于formatter(格式化器)函数的使用_她说要给我13薪的博客-CSDN博客_formatter函数