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
    }
相关推荐
奕辰杰2 小时前
关于npm前端项目编译时栈溢出 Maximum call stack size exceeded的处理方案
前端·npm·node.js
JiaLin_Denny4 小时前
如何在NPM上发布自己的React组件(包)
前端·react.js·npm·npm包·npm发布组件·npm发布包
_Kayo_4 小时前
VUE2 学习笔记14 nextTick、过渡与动画
javascript·笔记·学习
路光.5 小时前
触发事件,按钮loading状态,封装hooks
前端·typescript·vue3hooks
我爱996!5 小时前
SpringMVC——响应
java·服务器·前端
咔咔一顿操作6 小时前
Vue 3 入门教程7 - 状态管理工具 Pinia
前端·javascript·vue.js·vue3
kk爱闹6 小时前
用el-table实现的可编辑的动态表格组件
前端·vue.js
漂流瓶jz7 小时前
JavaScript语法树简介:AST/CST/词法/语法分析/ESTree/生成工具
前端·javascript·编译原理
换日线°7 小时前
css 不错的按钮动画
前端·css·微信小程序