vue + element-ui项目中使用moment插件格式化 时间

第一步：下载moment.js 

npm install moment --save
//或者
yarn add moment --save

第二步：在main.js 引入

// 导入时间插件momentjs
import moment from 'moment'
 
// 定义全局时间格式过滤器
Vue.filter('dateFormat', function (daraStr, pattern = 'YYYY-MM-DD HH:mm:ss') {
  return moment(daraStr).format(pattern)
})

第三步：使用方式

        第一种方法

<!-- 显示2023-02-21 09:45 -->
 <div class="time">{{nowDate | dateFormat('YYYY-MM-DD HH:mm')}}</div>

        第二种方法，在elementUI表格中使用

<el-table-column prop="Time" label="使用时间">
   <template slot-scope="scope">{{scope.row.Time| dateFormat("YYYY-MM-DD")}}</template>
</el-table-column>

        第三种方法，在某个组件页面中使用

<script>
let moment = require("moment") // 引入时间插件
export default {
    data() {
        return {
            nowDate:new Date().getTime()// 获取当前时间戳
        }
    },
    created(){
        // 转换时间格式：年月日时分秒
        this.nowDate = moment(this.nowDate).format('YYYY-MM-DD HH:mm:ss')
    }
}
</script>

<div class="time">{{nowDate}}</div>