vue+moment转化日期格式为年月日时分秒！最简洁版

暴富的Tdy2024-09-02 0:06

文章目录

概要

全局实行格式化日期，让你告别冗余处理时间代码

整体架构流程

使用moment插件实现

官网：https://momentjs.cn/

所用组件

vue2
moment

技术细节

首先执行 npm install moment - -save
然后在main.js添加以下代码

csharp 复制代码

import moment from 'moment'
//如果你的main.js每个组件都要vue.use那就加上Vue.use(moment)

Vue.filter('formatDate', function(value) {
  if (value) {
    if (value === '-') {
      return '-'
    } else {
      return moment(value).format('YYYY-MM-DD HH:mm:ss')
    }
  } else {
    return ''
  }
})

然后直接在table里面直接使用

csharp 复制代码

  <el-table-column label="创建时间" min-width="100px" prop="createTime" >
        <template slot-scope="{row}">
          <span>{{ row.createTime | formatDate }}</span>
        </template>
      </el-table-column>

小结

不管用什么ui组件库，这个方法均适用,快用起来吧兄弟们！！！记得给我点赞加关注奥，好东西在后面