Element ui 格式化后端时间、el-date-picker日期格式化

目录

1.el组件格式化后端时间

//1.el组件格式化前端时间

---

1.el组件格式化后端时间

1.引入moment.js

先安装

npm install moment --save

导入：

import moment from "moment";

使用

<template> 
   <el-table-column
          label="更新"
          align="center"
          prop="updateTime"
          :formatter="dateFormat"
        >
        </el-table-column>
</template>
<script>
//1.引入
import moment from "moment";
export default {
  name: "Ment",
  data() {},
  mehods: {
    //2.定义格式化方法
    dateFormat: function(row, column) {
      var date = row[column.property];

      if (date == undefined) {
        return "";
      }
      return moment(date).format("YYYY-MM-DD HH:mm:ss");
    }
  }
};
</script>
<style></style>

运行结果：

2.el组件格式化前端时间

      <el-form-item>
      <el-date-picker
        v-model="homeAdvertise.startTime"
        type="datetime"
        placeholder="选择日期时间"
        value-format="yyyy-MM-dd HH:mm:ss"
      >
      </el-date-picker>
      </el-form-item>

      <el-form-item>
        <el-date-picker
          v-model="homeAdvertise.endTime"
          type="datetime"
          placeholder="选择日期时间"
          value-format="yyyy-MM-dd HH:mm:ss"
        >
        </el-date-picker>
      </el-form-item>