moment.js 常用方法使用

2024-02-03 05:52
文章标签 使用 方法 js 常用 moment

本文主要是介绍moment.js 常用方法使用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1.按照依赖

npm install moment

2.引用moment

import moment from 'moment';

3.基础使用

//当前时间 //例:2024-02-02T10:26:07+08:00
moment().format()// 例: 2024-02-02 10:49:46
moment().format('YYYY-MM-DD HH:mm:SS')

4.查询时间

//获取当前天数
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.加法

// 加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.减法

// 减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.差值 

// 计算相差天数
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.时间开端

//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.时间终端

//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.获取周一,周日

//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.获取两个日期中的所有时间

 // start开始日期,end结束日期
getStartEndDay (start, end) {const num = moment(end).diff(moment(start), 'days') + 1var list = []for (let i = 0; i < num; i++) {const day = moment(start).add(i, 'days').format('YYYY-MM-DD')list.push(day)}return list}

这篇关于moment.js 常用方法使用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/673156

相关文章

检查 Nginx 是否启动的几种方法

《检查Nginx是否启动的几种方法》本文主要介绍了检查Nginx是否启动的几种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录1. 使用 systemctl 命令(推荐)2. 使用 service 命令3. 检查进程是否存在4

Java方法重载与重写之同名方法的双面魔法(最新整理)

《Java方法重载与重写之同名方法的双面魔法(最新整理)》文章介绍了Java中的方法重载Overloading和方法重写Overriding的区别联系,方法重载是指在同一个类中,允许存在多个方法名相同... 目录Java方法重载与重写:同名方法的双面魔法方法重载(Overloading):同门师兄弟的不同绝

MySQL字符串转数值的方法全解析

《MySQL字符串转数值的方法全解析》在MySQL开发中,字符串与数值的转换是高频操作,本文从隐式转换原理、显式转换方法、典型场景案例、风险防控四个维度系统梳理,助您精准掌握这一核心技能,需要的朋友可... 目录一、隐式转换:自动但需警惕的&ld编程quo;双刃剑”二、显式转换:三大核心方法详解三、典型场景

python中的flask_sqlalchemy的使用及示例详解

《python中的flask_sqlalchemy的使用及示例详解》文章主要介绍了在使用SQLAlchemy创建模型实例时,通过元类动态创建实例的方式,并说明了如何在实例化时执行__init__方法,... 目录@orm.reconstructorSQLAlchemy的回滚关联其他模型数据库基本操作将数据添

Spring配置扩展之JavaConfig的使用小结

《Spring配置扩展之JavaConfig的使用小结》JavaConfig是Spring框架中基于纯Java代码的配置方式,用于替代传统的XML配置,通过注解(如@Bean)定义Spring容器的组... 目录JavaConfig 的概念什么是JavaConfig?为什么使用 JavaConfig?Jav

MySQL快速复制一张表的四种核心方法(包括表结构和数据)

《MySQL快速复制一张表的四种核心方法(包括表结构和数据)》本文详细介绍了四种复制MySQL表(结构+数据)的方法,并对每种方法进行了对比分析,适用于不同场景和数据量的复制需求,特别是针对超大表(1... 目录一、mysql 复制表(结构+数据)的 4 种核心方法(面试结构化回答)方法 1:CREATE

详解C++ 存储二进制数据容器的几种方法

《详解C++存储二进制数据容器的几种方法》本文主要介绍了详解C++存储二进制数据容器,包括std::vector、std::array、std::string、std::bitset和std::ve... 目录1.std::vector<uint8_t>(最常用)特点:适用场景:示例:2.std::arra

Java使用Spire.Doc for Java实现Word自动化插入图片

《Java使用Spire.DocforJava实现Word自动化插入图片》在日常工作中,Word文档是不可或缺的工具,而图片作为信息传达的重要载体,其在文档中的插入与布局显得尤为关键,下面我们就来... 目录1. Spire.Doc for Java库介绍与安装2. 使用特定的环绕方式插入图片3. 在指定位

Springboot3 ResponseEntity 完全使用案例

《Springboot3ResponseEntity完全使用案例》ResponseEntity是SpringBoot中控制HTTP响应的核心工具——它能让你精准定义响应状态码、响应头、响应体,相比... 目录Spring Boot 3 ResponseEntity 完全使用教程前置准备1. 项目基础依赖(M

springboot中配置logback-spring.xml的方法

《springboot中配置logback-spring.xml的方法》文章介绍了如何在SpringBoot项目中配置logback-spring.xml文件来进行日志管理,包括如何定义日志输出方式、... 目录一、在src/main/resources目录下,也就是在classpath路径下创建logba