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'}}


  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值