moment插件格式化时间

1.下载momemt插件

npm i moment  

yarn add moment

2.在main中引入

import moment from 'moment'

3.在main中放置全局过滤器方法体

// 全局过滤器

// Vue.filter("方法名","方法体")

Vue.filter("formateDateTime", (str) => {

  return moment(str).format("YYYY-MM-DD HH:mm:ss")

})

Vue.filter("formateDate", (str) => {

  return moment(str).format("YYYY-MM-DD")

})

Vue.filter("formateTime", (str) => {

  return moment(str).format("HH:mm:ss")})

4.在组件中引入

import moment from "moment";

5.在组件中编写过滤器

  //过滤时间

  filters: {

    formatTime: add_time => {

      return moment(add_time).format("YYYY-MM-DD HH:mm:ss");

    }

  },

6.在组件过滤时间

<el-table-column label="创建时间">

           <!--  goods.row当前行的信息-->

          <template #default="goods">{{ goods.row.add_time | formatTime}}</template>

        </el-table-column>