Vue 中moment 安装与使用

末蓝、 2024-03-08 04:20 47阅读 0赞

## Vue 中moment 安装与使用 ##

### 1.安装 ###

1.  下载依赖momen  
    `npm install moment`
2.  在当前页面使用插件moment  
    `import moment from "moment";`

### 使用 ###

一、获取周

moment().week();//当前周（number）
    moment().startOf('isoWeek');//当前周开始时间
    moment().endOf('isoWeek');//当前周结束时间
    moment().add(-1, 'W');//上一周
    moment().add(1, 'W');//下一周
    //注上一周 -1 下一周 +1   以此类推  月、季度、年同理

二、获取月

moment().month();//当前月-1（number）
    moment().startOf('month');//当前月开始时间
    moment().endOf('month');//当前月结束时间
    moment().add(-1, 'M');//上一月
    moment().add(1, 'M');//下一月

三、获取季度

moment().quarter();//当前季度（number）
    moment().startOf('quarters');//所在季度开始时间
    moment().endOf('quarters');//所在季度结束时间
    moment().add(-1, 'Q');//上一季度
    moment().add(1, 'Q');//下一季度

四、获取年

moment().year();//当前年（number）
    moment().startOf('year');//所在年开始时间
    moment().endOf('year');//所在年结束时间
    moment().add(-1, 'y');//上一年
    moment().add(1, 'y');//下一年

五.获得日，星期，时

moment().hour() // 小时
    moment().date() // 一个月里的第几天
    moment().day() // 星期几
    moment().dayOfYear() // 一年里的第几天
    moment().week() // 一年里的第几周
    moment().quarter() // 一年里的第几个季度
    moment().year() // 年
    moment().daysInMonth() // 当前月有多少天

六.获取前n天/后n天

moment().add(7, 'days');
    moment().subtract(7, 'days')

七.相差天数

let interval = moment(endTime).diff(moment(startTime), 'day')

八.某月第一天/最后一天

//日期
    let time = new Date('2023-01-01')
    //某月第一天
    let startTime = moment(time).startOf('months').format('YYYY-MM-DD') 
    //某月最后一天
    let endTime =  moment(time).endOf("month").format("YYYY-MM-DD");

九.判断时间

// 早于
    moment(‘2023-01-01').isBefore(2023-01-07') // true
    moment('2010-10-20').isBefore('2010-12-31', 'year') // false
     
     
    // 是否相等
    moment('2023-01-01').isSame(2023-01-01') // true
    moment('2023-01-01').isSame('2023-02-01', 'year')  // false
     
     
    // 晚于
    moment('2023-01-01').isAfter('2023-01-02') // true
    moment('2010-10-21').isAfter('2010-01-01', 'year') // false
     
     
    // 是否在时间范围内
    moment('2023-01-01').isBetween('2023-01-01', '2023-01-02') // true
    moment('2023-10-20').isBetween('2023-01-01', '2024-01-01', 'year') // false

## 其他 ##

1、获取当前时间 
     
      moment().format('YYYY-MM-DD HH:mm:ss')
     
      2、获取当月的一号
     
      moment().startOf('months').format('YYYY-MM-DD')
     
      3、获取当月的最后一天
     
      moment().endOf('months').format('YYYY-MM-DD')
     
      4、获取上个月的一号 
     
      moment().subtract(1, 'months').startOf('months').format('YYYY-MM-DD')
     
      5、获取上个月的最后一天
     
      moment().subtract(1, 'months').endOf('months').format('YYYY-MM-DD')
     
      6、获取当前年
     
      moment().year()
     
      7、获取上一年
     
      moment().add(-1, 'years').format('YYYY')
     
      8、获取下一年
     
      moment().add(1, 'years').format('YYYY')
     
      9、获取去年的月初
     
      moment().add(-1, 'years').startOf('months').format('YYYY-MM-DD')
     
      10、获取去年的月末
     
      moment().add(-1, 'years').month(11).endOf('months').format('YYYY-MM-DD')