其他分享
首页 > 其他分享> > Vue格式化从后台传过来的时间格式

Vue格式化从后台传过来的时间格式

作者:互联网

1.下载组件(使用淘宝镜像)

cnpm i moment --save

2.在main.js文件引入

import moment from ’moment‘

3.在main.js文件里面做如下配置

//全局过滤器
Vue.filter(‘dateFmt‘, (input, formatString = "YYYY-MM-DD") => {
    //es5函数参数设置默认值
    //const lastFormatString = formatString || ‘‘

    
     // moment(input) 把时间字符串转成时间对象
     // format(formatString) 把时间对象,按照指定格式,格式化成符合条件的字符串
    return moment(input).format(formatString)
})

配置截图如下
在这里插入图片描述
因为moment插件是全局注册,所以我们可以在任意组件中轻松的使用

{{item.time | dateFmt(‘YYYY-MM-DD HH:mm:ss‘)}}

标签:Vue,格式化,DD,formatString,moment,传过来,input,main
来源: https://blog.csdn.net/weixin_44235109/article/details/99710020