moment.js 常用方法使用

1.按照依赖

npm install moment

2.引用moment

import moment from 'moment';

3.基础使用

javascript 复制代码
//当前时间 

//例:2024-02-02T10:26:07+08:00
moment().format()

// 例: 2024-02-02 10:49:46
moment().format('YYYY-MM-DD HH:mm:SS')

4.查询时间

javascript 复制代码
//获取当前天数
moment().date()
const num = moment('2024-02-14').date()  // 14
const num = moment('2024-02-14').format('DD')  // 14

//获取当前月份一共有多少天
moment().daysInMonth()
moment("2012-02", "YYYY-MM").daysInMonth()   //29

//获取当前时间是星期几 
//0为周一 6为周日
const num = moment('2024-02-14').weekday()  //num 为 2 ,即星期三
const num = moment('2024-02-14').format('e')  //num 为 2 ,即星期三


//1为周一  0为周日
const num = moment('2024-02-04').day()  //num 为 0 ,即周日
const num = moment('2024-02-04').format('d')  //num 为 0 ,即周日

//获取当前时间为第几季度,一共 1-4 个季度
const num = moment('2024-12-11').quarter()  //4

5.时间操作

1.加法

javascript 复制代码
// 加2天 num 为 2024-02-06
const num = moment('2024-02-04').add(2, 'days').format('YYYY-MM-DD')

// 加2月 num 为 2024-04-04
const num = moment('2024-02-04').add(2, 'month').format('YYYY-MM-DD')

// 加2年 num 为 2026-02-04
const num = moment('2024-02-04').add(2, 'years').format('YYYY-MM-DD')

2.减法

javascript 复制代码
// 减2天 num 为 2024-02-02
const num = moment('2024-02-04').subtract(2, 'days').format('YYYY-MM-DD')

// 减2月 num 为 2023-12-04
const num = moment('2024-02-04').subtract(2, 'month').format('YYYY-MM-DD')

// 减2年 num 为 2022-02-04
const num = moment('2024-02-04').subtract(2, 'years').format('YYYY-MM-DD')

3.差值

javascript 复制代码
// 计算相差天数
const date1 = moment('2024-03-14')
const date2 = moment('2024-03-04')
const num = date1.diff(date2, 'days')   //打印num  10

// 计算相差年数
const date1 = moment('2025-02-14')
const date2 = moment('2024-02-14')
const num = date1.diff(date2, 'years')  //打印num  1

4.时间开端

javascript 复制代码
//2024年开始时间  num 为 2024-01-01
const num = moment('2024-02-04').startOf('year').format('YYYY-MM-DD')

//2月开始时间  num 为 2024-02-01
const num = moment('2024-02-04').startOf('month').format('YYYY-MM-DD')

//4号开始时间  num 为 2024-02-04
const num = moment('2024-02-04').startOf('day').format('YYYY-MM-DD')

//2024-02-04即周五开始时间  num 为 2024-01-29 (周一)
const num = moment('2024-02-04').startOf('week').format('YYYY-MM-DD')

5.时间终端

javascript 复制代码
//2024年开始时间  num 为 2024-12-31
const num = moment('2024-02-04').endOf('year').format('YYYY-MM-DD')

//2月开始时间  num 为 2024-02-29
const num = moment('2024-02-04').endOf('month').format('YYYY-MM-DD')

6.获取周一,周日

javascript 复制代码
//initDate 为初始化时间  type为类型(start 代表周一,end 代表周日)
getWeekDay (initDate, type) {
      const day = moment(initDate).format('d')
      var initStartDate = ''
      var initEndDate = ''

      if (day === '0' || day === 0) {
        initStartDate = moment(initDate).subtract(6, 'days').format('YYYY-MM-DD')
        initEndDate = moment(initDate).format('YYYY-MM-DD')
      } else {
        initStartDate = moment(initDate).subtract(day - 1, 'days').format('YYYY-MM-DD')
        initEndDate = moment(initDate).subtract(day - 7, 'days').format('YYYY-MM-DD')
      }
      if (type === 'start') {
        return initStartDate
      } else {
        return initEndDate
      }
    }

7.获取两个日期中的所有时间

javascript 复制代码
 // start开始日期,end结束日期
getStartEndDay (start, end) {
      const num = moment(end).diff(moment(start), 'days') + 1
      var list = []
      for (let i = 0; i < num; i++) {
        const day = moment(start).add(i, 'days').format('YYYY-MM-DD')
        list.push(day)
      }
      return list
    }
相关推荐
前端小臻9 分钟前
后台管理-动态路由配置以及用户权限管理(vue3+element plus+koa+Sequelize )
前端·网络·node.js·koa
编码追梦人13 分钟前
Android.mk之变量LOCAL_MODULE_TAGS
android·前端
silvia_frontend15 分钟前
qiankun+vite+vue3从零搭建一个微前端架构系统
前端·微服务
GIS好难学27 分钟前
《Vue零基础入门教程》第五课:挂载
前端·javascript·vue.js
学习前端的小z30 分钟前
【前端】JavaScript中的柯里化函数与普通函数嵌套的区别详解
javascript
可缺不可滥43 分钟前
前端 用js封装部分数据结构
前端·javascript·数据结构
JMS_兔子1 小时前
elementUI非常规数据格式渲染复杂表格(副表头、合并单元格)
前端·javascript·elementui·vue
九圣残炎1 小时前
【Vue】Ego商城项目跟做
前端·javascript·vue.js·node.js
zhenryx1 小时前
前端node.js
前端·node.js
Blue桃之夭夭1 小时前
CSDN设置成黑色背景(谷歌 Edge)
前端·edge