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

本文主要是介绍vue+moment转化日期格式为年月日时分秒！最简洁版，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

概要

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

整体架构流程

使用moment插件实现

官网：https://momentjs.cn/

所用组件

• vue2
• moment

技术细节

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

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里面直接使用

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

小结

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

这篇关于vue+moment转化日期格式为年月日时分秒！最简洁版的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---