vue中使用momentjs.cn日期处理库

官网 http://momentjs.cn/

1. 第一步：选择一种方式进行安装 moment包

bower install moment --save  
npm install moment --save   
Install-Package Moment.js   
spm install moment --save   
meteor add momentjs:moment    

2.第二步：在webpack.config.js定义的入口文件中导入下载moment包

   import momentjs from 'moment' ;

3.第三步：过滤器方法体重写代码

   过滤器方法体：Vue.fiter( dtfmat , function(input , fmtstring ){ /*方法体*/ });  //注册全局过滤器，注册在webpack.config.js定义的入口文件中

   方法体的内容：momentjs(input).format(fmtstring) ; 

Vue.filter( 'dtfmat' , function(input , fmtstring ){
   return momentjs(input).format(fmtstring) ; 
});

 

4.第四步：组件中如何使用全局过滤器 dtfmat

  {{ item.time | dtfmat("yyyy-mm-dd hh:mm:ss") }}

参考： 如有侵权，联系删除