今天我们来学习一下,如何在VUE项目中格式化时间的全局过滤器。
- 在
main.js
文件中定义如下内容
// originVal 后台返回的毫秒
Vue.filter('dataFormat',function(originVal){
const dt = new Date(originVal)
const y = dt.getFullYear()
const m = (dt.getMonth()+1+'').padStart(2,'0')
const d = (dt.getDate()+'').padStart(2,'0')
const hh = (dt.getHours()+'').padStart(2,'0')
const mm = (dt.getMinutes()+'').padStart(2,'0')
const ss = (dt.getSeconds()+'').padStart(2,'0')
return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
})
- 在文件中使用
<template slot-scope='scope'>
{{scope.row.create_time | dataFormat}}
</template>
好了,今天的分享就到这里了!
愿你三冬暖,愿你春不寒;愿你天黑有灯,下雨有伞。
小晴天
网友评论