vue之moment.js格式化时间插件

方法一

1.安装
npm install moment --save
2.定义时间格式化全局过滤器,filter第一个参数是函数名 第二个是格式化时间处理的函数
import moment from 'moment';
// 中文简体
moment.locale('zh-cn');
Vue.filter('dateformat', (dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') =>{
    return moment(dataStr).format(pattern)
})
3.调用
{{ add_time | dateformat('YYYY-MM-DD HH:mm:ss')}}//2019-07-10 09:15:18

方法二

1.安装
npm install moment --save
2.所需要的组件中引入
let moment = require("moment");
// 中文简体
moment.locale('zh-cn');
export default {
  data() {
    return {}
  }
}
3.使用
this.add_time = moment(this.add_time).format('YYYY-MM-DD')//2019-07-10 09:15:18

原文作者:匆匆那年_海,博客主页:https://www.jianshu.com/u/910c0667c515
95后前端汉子,爱编程、优秀、聪明、理性、沉稳、智慧的程序猿一枚。

你可能感兴趣的:(vue之moment.js格式化时间插件)