vue-cli全局格式化时间过滤器

最新推荐文章于 2024-07-14 22:44:48 发布

科技达人ლ(′◉❥◉｀ლ)

最新推荐文章于 2024-07-14 22:44:48 发布

阅读量89

点赞数

文章标签： javascript html5 vue.js vue-cli2

本文链接：https://blog.csdn.net/m0_56175362/article/details/120484436

版权

Vue.js 过滤器日期格式化 JavaScript 组件

关键词由CSDN通过智能技术生成

main.js中全局配置

Vue.filter('dateFormat',function(originVal) {
 const dt = new Date(originVal)
 const y = dt.getFullYear()
 const m = (dt.getMonth()+'').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}:${hh}:${mm}:${ss}`

 })

组件使用

<el-table-column prop="add_time" label="创建时间"  width="140px">
    <template slot-scope="scope">
      {{scope.row.add_time | dateFormat}}
    </template>
</el-table-column>