moment插件在vue中的使用（vue过滤器，时间格式处理）

装包   ：npm i  moment 

第一 : 作为 vue 过滤器   

 

01.在 main.js文件中 设置  ：

 

 

import moment from 'moment'

 

Vue.filter('dateformat', function (dataStr, pattern = 'YYYY-MM-DD') {

    if (dataStr) {

        return moment(dataStr).format(pattern)

    } else {

        return dataStr

    }

})

02.在写页面时使用

{{ item.data | dataStr}}

 

第二:返回时间(需要在当前页面导入moment插件)

当前时间减一年 

moment().add(-1, 'year').format('YYYY-MM-DD')

获取当天结束时间

moment().endOf('day').format("YYYY-MM-DD hh:mm:ss")

获取当天开始时间，也就是前一天结束时间

moment().subtract(1, 'days').startOf('day').format("YYYY-MM-DD hh:mm:ss")

获取当天的前一个月日期

moment(new Date()).subtract(1,'months').format('YYYY-MM-DD HH:mm:ss')

获取前10天的日期： 

moment(new Date()).subtract(10,'days').format('YYYY-MM-DD HH:mm:ss');

获取前一年的日期：

moment(new Date()).subtract(1,'years').format('YYYY-MM-DD HH:mm:ss')