时间过滤器

最新推荐文章于 2024-11-16 14:11:26 发布

爱摆烂的派大星超快乐

最新推荐文章于 2024-11-16 14:11:26 发布

阅读量103

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/m0_70901094/article/details/127102918

版权

Vue 过滤器时间格式化 moment.js JavaScript

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

自定义全局过滤器

main.js

Vue.filter('timeFormat', function (val) {
  let nowtime = new Date(val)
  let Y = nowtime.getFullYear() //年
  let M = (nowtime.getMonth() + 1 + '').padStart(2, '0') //月
  let D = (nowtime.getDate() + '').padStart(2, '0') //日
  let hh = (nowtime.getHours() + '').padStart(2, '0') //时
  let mm = (nowtime.getMinutes() + '').padStart(2, '0') //分
  let ss = (nowtime.getSeconds() + '').padStart(2, '0') //秒

  return `${Y}-${M}-${D} ${hh}:${mm}:${ss}`
})

使用插件 moment

安装

--npm install moment

mian.js引入

// 使用moment
import moment from 'moment'
Vue.filter('timeFormat', function (val) {
  return moment(val * 1000).format('Y-M-D hh:mm:ss')
})

在组件内使用

<el-table-column label="创建时间">
    <template slot-scope="scope">
        <div>
           {{scope.row.add_time | timeFormat}}
        </div>
    </template>
</el-table-column>