概要
全局实行格式化日期,让你告别冗余处理时间代码
整体架构流程
使用moment插件实现
官网:https://momentjs.cn/
所用组件
- vue2
- moment
技术细节
- 首先执行 npm install moment - -save
- 然后在main.js添加以下代码
import moment from 'moment'
//如果你的main.js每个组件都要vue.use那就加上Vue.use(moment)
Vue.filter('formatDate', function(value) {
if (value) {
if (value === '-') {
return '-'
} else {
return moment(value).format('YYYY-MM-DD HH:mm:ss')
}
} else {
return ''
}
})
- 然后直接在table里面直接使用
<el-table-column label="创建时间" min-width="100px" prop="createTime" >
<template slot-scope="{row}">
<span>{{ row.createTime | formatDate }}</span>
</template>
</el-table-column>
小结
不管用什么ui组件库,这个方法均适用,快用起来吧兄弟们!!!记得给我点赞加关注奥,好东西在后面