在vue中利用管道符过滤时间

最新推荐文章于 2024-04-18 08:00:00 发布

前端姬云鹏

最新推荐文章于 2024-04-18 08:00:00 发布

阅读量309

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Jizongjizong/article/details/125902679

版权

调用

 <template slot-scope="scope">
    {{scope.row.add_time | dateFormat}}
 </template>

在min.js中创建过滤器

//定义一个全局的时间过滤器
Vue.filter('dateFormat',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()+1+'').padStart(2,'0')
  const mm = (dt.getMinutes()+'').padStart(2,'0')
  const ss = (dt.getSeconds()+1+'').padStart(2,'0')
  return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
})