[JavaScript知识库]Vue element-ui 全局配置时间戳转换正确日期

使用和安装moment.js 即可

npm install moment -S
or
yarn add moment -S

在main.js全局引入注册使用这个插件

import moment from "moment";
// 全局过滤器的定义
Vue.filter("global_filter", function(value, type = "YYYY-MM-DD hh:mm:ss") {
  return moment(value).format(type);
});

使用：

单标签使用

<p>{{time|global_filter("YYYY-MM-DD HH:mm")}}</p>

element-ui组件里面el-table使用，element-ui组件里面el-table又不用{undefined{}}来写数据；一般数据是在prop里面的；
这个时候；我们就要想起来scope（slot-scope）的作用了；

日期格式自定义

<el-table-column prop="Time" label="创建时间" width="180">
        <template slot-scope="scope">
          {{ scope.row.Time | global_filter("YYYY-MM-DD HH:mm") }}
        </template>
 </el-table-column>

这样就实现了在element-ui组件里面去使用一个过滤器的方法啦！