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

相关文章

Python常用命令提示符使用方法详解

《Python常用命令提示符使用方法详解》在学习python的过程中,我们需要用到命令提示符(CMD)进行环境的配置,:本文主要介绍Python常用命令提示符使用方法的相关资料,文中通过代码介绍的... 目录一、python环境基础命令【Windows】1、检查Python是否安装2、 查看Python的安

Python并行处理实战之如何使用ProcessPoolExecutor加速计算

《Python并行处理实战之如何使用ProcessPoolExecutor加速计算》Python提供了多种并行处理的方式,其中concurrent.futures模块的ProcessPoolExecu... 目录简介完整代码示例代码解释1. 导入必要的模块2. 定义处理函数3. 主函数4. 生成数字列表5.

Python中help()和dir()函数的使用

《Python中help()和dir()函数的使用》我们经常需要查看某个对象(如模块、类、函数等)的属性和方法,Python提供了两个内置函数help()和dir(),它们可以帮助我们快速了解代... 目录1. 引言2. help() 函数2.1 作用2.2 使用方法2.3 示例(1) 查看内置函数的帮助(

Linux脚本(shell)的使用方式

《Linux脚本(shell)的使用方式》:本文主要介绍Linux脚本(shell)的使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录概述语法详解数学运算表达式Shell变量变量分类环境变量Shell内部变量自定义变量:定义、赋值自定义变量:引用、修改、删

Java使用HttpClient实现图片下载与本地保存功能

《Java使用HttpClient实现图片下载与本地保存功能》在当今数字化时代,网络资源的获取与处理已成为软件开发中的常见需求,其中,图片作为网络上最常见的资源之一,其下载与保存功能在许多应用场景中都... 目录引言一、Apache HttpClient简介二、技术栈与环境准备三、实现图片下载与保存功能1.

Python中使用uv创建环境及原理举例详解

《Python中使用uv创建环境及原理举例详解》uv是Astral团队开发的高性能Python工具,整合包管理、虚拟环境、Python版本控制等功能,:本文主要介绍Python中使用uv创建环境及... 目录一、uv工具简介核心特点:二、安装uv1. 通过pip安装2. 通过脚本安装验证安装:配置镜像源(可

python判断文件是否存在常用的几种方式

《python判断文件是否存在常用的几种方式》在Python中我们在读写文件之前,首先要做的事情就是判断文件是否存在,否则很容易发生错误的情况,:本文主要介绍python判断文件是否存在常用的几种... 目录1. 使用 os.path.exists()2. 使用 os.path.isfile()3. 使用

LiteFlow轻量级工作流引擎使用示例详解

《LiteFlow轻量级工作流引擎使用示例详解》:本文主要介绍LiteFlow是一个灵活、简洁且轻量的工作流引擎,适合用于中小型项目和微服务架构中的流程编排,本文给大家介绍LiteFlow轻量级工... 目录1. LiteFlow 主要特点2. 工作流定义方式3. LiteFlow 流程示例4. LiteF

使用Python开发一个现代化屏幕取色器

《使用Python开发一个现代化屏幕取色器》在UI设计、网页开发等场景中,颜色拾取是高频需求,:本文主要介绍如何使用Python开发一个现代化屏幕取色器,有需要的小伙伴可以参考一下... 目录一、项目概述二、核心功能解析2.1 实时颜色追踪2.2 智能颜色显示三、效果展示四、实现步骤详解4.1 环境配置4.

Maven 配置中的 <mirror>绕过 HTTP 阻断机制的方法

《Maven配置中的<mirror>绕过HTTP阻断机制的方法》:本文主要介绍Maven配置中的<mirror>绕过HTTP阻断机制的方法,本文给大家分享问题原因及解决方案,感兴趣的朋友一... 目录一、问题场景:升级 Maven 后构建失败二、解决方案:通过 <mirror> 配置覆盖默认行为1. 配置示