Vue 中moment 安装与使用

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