使用moment.js定义全局过滤器实现日期格式化

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

  • 前言
  • 安装moment.js
  • 定义全局过滤器
  • 使用过滤器


前言

使用moment.js定义全局过滤器实现日期格式化。

安装moment.js

npm install moment -S

定义全局过滤器

main.js代码

import moment from 'moment'
moment.locale('zh-cn');//需要汉化
Vue.prototype.$moment = moment;//赋值使用
// 定义一个全局过滤器实现日期格式化
Vue.filter('datefmt', function (input) {
  return moment(input).format('YYYY-MM-DD HH:mm:ss')
})

使用过滤器

<div>{{value | datefmt}}</div>

你可能感兴趣的:(javascript,vue.js,前端)