1、在vue中的main.js配置文件中全局过滤器
import moment from 'moment';
Vue.filter('dataFMT', (input, formatString = "YYYY-MM-DD") => {
//es5函数参数设置默认值
//const lastFormatString = formatString ||
// moment(input) 把时间字符串转成时间对象
// format(formatString) 把时间对象,按照指定格式,格式化成符合条件的字符串
return moment(input).format(formatString)
})
2、在使用element ui中table,在这里使用过滤器。
<el-table
height="400"
:data="tableDatas"
style="width: 100%">
<el-table-column
label="开始时间"
width="100">
<template slot-scope="scope">
{{ scope.row.start|dataFMT('YYYY-MM-DD HH:mm:ss') }}
</template>
</el-table-column>
</el-table>