vue2如何将时间戳转换成时间，全局

最新推荐文章于 2024-07-03 16:57:02 发布

飞流银河

最新推荐文章于 2024-07-03 16:57:02 发布

阅读量302

点赞数

分类专栏：前端文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_40444253/article/details/130015156

版权

前端专栏收录该内容

54 篇文章 0 订阅

订阅专栏

该文章展示了如何在Vue.js应用中创建一个名为dateFormat的过滤器，用于将日期时间值转换为年-月-日时:分:秒的格式。过滤器在main.js中定义，并在el-table-column组件中应用于表格的createTime列，以显示创建日期和时间。

摘要由CSDN通过智能技术生成

在main.js里设置时间过滤器。

Vue.filter('dateFormat',(val)=>{
  const dt = new Date(val)
    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}`
    })

在列中应用这个过滤器名称

   <el-table-column prop="createTime" label="创建日期">
          <template slot-scope="scope">
            {{scope.row.createTime | dateFormat}}
          </template>
        </el-table-column>