moment.js在vue工程中的使用

1.先安装moment.js包:npm install moment --save

2.在过滤器的方法体中可以写入如下代码实现日期的格式化:

import moment from 'moment'    

Vue.filter('datefmt',function(input,fmtstring){

    return moment(input).format(fmtstring)

}) 

3.在需要使用这个datefmt过滤器的组件中如何使用呢?

{{item.add_time | datefmt('YYYY-MM-DD HH:mm:ss')}}


实例:main.js文件中

import moment from 'moment'
Vue.config.productionTip = false


//定义一个全局过滤器实现日期格式化
Vue.filter('datafmt',function (input,fmtstring) {
  // 使用momentjs这个日期格式化类库实现日期的格式化功能
  return moment(input).format(fmtstring);
});

.vue组件中{{item.add_time | datefmt('YYYY-MM-DD HH:mm:ss'}}


你可能感兴趣的:(moment.js在vue工程中的使用)