VUE中格式化日期

需要使用插件：moment
– npm 安装（–save表示保存到package.json中）

npm install moment --save

在package.json中：

 "dependencies": {
    "moment": "^2.24.0",
    "vue": "^2.6.10",
  },

方式一：
1 main.js中定义全局变量

import moment from 'moment'
 
Vue.prototype.$moment = moment

2 组件中的使用

<div>时间{{$moment(checkEndTime).format('YYYY-MM-DD HH:mm')}}</div>

方式二：
1.在vue页面中导入moment

import moment from 'moment'

2.在页面上显示值

<el-col :span="8"><span>时间: {{ checkEndTime }}</span></el-col>

<script>
async handleSearchDetail() {
      // 根据列表传入的id获取信息
      this.data = await getData(this.id);
      this.checkEndTime = moment(this.data.checkEndTime).format('YYYY-MM-DD');
    }
<script>