Procese vue element-ui y use moment para resolver el esquema de formato de tiempo en la tabla

 

Descarga moment.js 

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

main.js introducido

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

Utilizado en componentes

<!-- 显示2020-08-31 10:10 -->
 <div class="time">{
   
   {nowDate | dateFormat('YYYY-MM-DD HH:mm')}}</div>

 Método de procesamiento en forma element-ui: recuerde usar <template> </template>

/*commissionTime是后台返回的时间数据*/
<el-table-column prop="commissionTime" label="委案时间">
   <template slot-scope="scope">{
   
   {scope.row.commissionTime | dateFormat("YYYY-MM-DD")}}</template>
</el-table-column>

Introduzca un solo componente según las necesidades del componente:

<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')
    }
}
</script>

En el componente:

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