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
    }
相关推荐
zero13_小葵司2 分钟前
Vue 3 前端工程化规范
前端·javascript·vue.js
Yolanda_20223 分钟前
vue-sync修饰符解析以及切换iframe页面进行保存提示功能的思路
前端·javascript·vue.js
Pu_Nine_94 分钟前
深入理解节流(Throttle):原理、实现与应用场景
javascript·性能优化·es6·节流·lodash 库
伍哥的传说5 分钟前
Vite Plugin PWA – 零配置构建现代渐进式Web应用
开发语言·前端·javascript·web app·pwa·service worker·workbox
ai产品老杨8 分钟前
解锁仓储智能调度、运输路径优化、数据实时追踪,全功能降本提效的智慧物流开源了
javascript·人工智能·开源·音视频·能源
GDAL8 分钟前
Quat.js四元数完全指南
javascript·quaternion
alphageek812 分钟前
Electron开源库入门教程:跨平台桌面应用框架
javascript·其他·electron·开源
小桥风满袖44 分钟前
极简三分钟ES6 - ES8中字符串扩展
前端·javascript
张拭心44 分钟前
这就是流量的力量吗?用豆包 AI 编程做的xhs小组件帖子爆了
前端·ai编程·豆包marscode