日期处理(moment.js)使用笔记

2023-10-27

之前没接触moment.js,在新项目中见到了,做一做使用笔记也是分享一下

安装+引用:

npm install moment 或者 yarn add moment

import moment from "moment"; //导入文件
Vue.prototype.$moment = moment; //赋值使用

使用:

moment不传参默认当前时间,可接受参数为任意时间

**格式化 **

this.$moment().format('YYYY-MM-DD HH:mm:ss') //2022-03-16 14:03:48

日期加减
add第一个参数为日期加减的数量,第二个为类型,可接参
在这里插入图片描述

    let dateStr = '2022-03-01 12:00:00'
    this.$moment(dateStr).add(1,'years').format('YYYY-MM-DD HH:mm:ss')//date 2023-03-01 12:00:00  加一年
    this.$moment(dateStr).add(1,'Q').format('YYYY-MM-DD HH:mm:ss')//2022-06-01 12:00:00    加一个季度
    this.$moment(dateStr).add(1,'days').format('YYYY-MM-DD HH:mm:ss')//date 2022-03-02 12:00:00   加一天
    this.$moment(dateStr).add(-1,'week').format('YYYY-MM-DD HH:mm:ss')//2022-02-22 12:00:00  减一个星期
    this.$moment(dateStr).add(-1,'m').format('YYYY-MM-DD HH:mm:ss')//2022-03-01 11:59:00  减一分钟
    ......
   

当前日期所在的(年/月/周/日)的 开始时间和结束时间 (参数与上一致)

let dateStr = '2022-03-01 12:00:00'
this.$moment(dateStr).startOf('d').format('YYYY-MM-DD HH:mm:ss')//2022-03-01 00:00:00 当前天的开始时间
this.$moment(dateStr).endOf('d').format('YYYY-MM-DD HH:mm:ss')//2022-03-01 23:59:59 当前天的结束时间

this.$moment(dateStr).startOf('w').format('YYYY-MM-DD HH:mm:ss')//2022-02-27 00:00:00  当前周的开始时间
this.$moment(dateStr).endOf('w').format('YYYY-MM-DD HH:mm:ss')//2022-03-05 23:59:59		当前周的结束时间
......

两日期之差(参数与上一致)

    let dateStr1 = '2022-02-01 12:00:00'
    let dateStr2 = '2022-03-01 12:00:00'
    let days1 = this.$moment(dateStr2).diff(this.$moment(dateStr1), "Y"); //相差年数    0
    let days2 = this.$moment(dateStr2).diff(this.$moment(dateStr1), "M"); //相差月数    1
    let days3 = this.$moment(dateStr2).diff(this.$moment(dateStr1), "d"); //相差天数    28
    let days4 = this.$moment(dateStr2).diff(this.$moment(dateStr1), "h"); //相差小时数  67 
    let days5 = this.$moment(dateStr2).diff(this.$moment(dateStr1), "s"); //相差秒数    2419200

日期的一些比较方法

    //之前
    console.log( this.$moment('2022-03-01 12:00:00').isBefore('2010-10-21')) // false
    //相同
    console.log( this.$moment('2022-03-01 12:00:00').isSame('2010-10-20')) // false
    //之后
    console.log( this.$moment('2022-03-01 12:00:00').isAfter('2010-10-19')) // true
    //之间
    console.log( this.$moment('2022-03-01 12:00:00').isBetween('2010-10-19', '2010-10-25')) // false
    // 是否闰年
    console.log( this.$moment('2022-03-01 12:00:00').isLeapYear()) //false

我也刚接触使用moment库,这是一些常用方法,后续有其他用到的会继续更新

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

日期处理(moment.js)使用笔记 的相关文章

  • 从 firebase 数据库获取最高分值

    在我的网站上有一些我从 firebase 获得的电影 电影的分数在0到100之间 我已经在我的网站上找到了所有电影 我还想按降序显示它们 例如评分最高的 5 部电影 我怎样才能实现这一点 感谢您的回答 const app initializ
  • 调整大小后获取实际图像大小

    我有一个充满缩略图的页面 用 css 调整大小150x150 当我单击缩略图时 页面变暗 并且图像以其真实尺寸显示 目前 我必须手动创建一个包含所有图像的实际高度的数组 为了解决设计问题 减少画廊的手动操作 我需要在调整图像大小 CSS 后
  • 解构为两个单独的变量

    有没有一种快速的方法来解构一个对象 以便将其存储到两个不同的组中 例如 const obj a 1 b 2 c 3 d 4 e 5 const a b obj store the rest of the properties that we
  • 如何在本机反应中发出触摸事件

    我正在尝试启用 panResponder 以拖放模式在屏幕上移动组件 然而 这种拖放必须通过longPress在这样的元素上 longPress捕获事件 所以当panResponder已启用onStartShouldSetPanRespon
  • 使用时间序列数据和scaleBand指定D3条形图上的刻度

    我尝试为具有时间序列数据的 d3 v4 条形图指定多个刻度和多个刻度标签 如下图所示 基于本教程 https bl ocks org zigahertz 1ee4965ff76514517bb7ce6af21e5d44我有一个处理时间序列数
  • 如何使单词中的每个字母在悬停时发生变化

    假设我的网站上某个段落中有一个单词 IamGreat 我希望它在悬停时更改为 Good4you 但是 我不想更改整个单词 而是希望每个字母单独更改 因此 如果我将鼠标悬停在字母 I 上 它将变成字母 G 字母 r 将变成数字 4 等 这两个
  • Protractor - 等待多个元素

    我正在尝试等待页面上的多个元素 我不知道可能有多少个 但至少会有一个 我知道使用以下命令等待单个元素 效果很好 var EC protractor ExpectedConditions browser wait EC presenceOf
  • Vue 多个组件位于一个包/文件中

    假设我想创建一个 UI 包 如何将多个组件放入一个 JS 文件中 通常我会将不同的组件放在不同的文件中 import ButtonText from ButtonText vue import ButtonIcon from ButtonI
  • jQuery 选择器在控制台中不起作用

    我一辈子都无法解决这个问题 我正在运行 js 容器状态 是页面上正在运行的 js 的控制台日志 它显示一个选择器 但如果我想在控制台中执行任何操作 它只会返回 null 我假设我在某个地方过度编写了 jQuery 函数 就好像我调用了 jQ
  • 将压缩的json数据存储在本地存储中

    我想将 JSON 数据存储在本地存储中 有时存储的数据可能超过 5MB 每个域的浏览器允许的最大阈值 无论如何 我可以压缩或压缩数据并将其存储在本地存储中吗 如果对大数据进行每个 JS 函数的压缩和解压 会增加多少延迟 我正在使用这个 js
  • 变量值的 swap() 函数[重复]

    这个问题在这里已经有答案了 我无法达到下面这个交换函数的预期结果 我希望将值打印为 3 2 function swap x y var t x x y y t console log swap 2 3 任何线索将不胜感激 您的函数正在内部交
  • 带有子节点的拖放区域

    我有一个带有多个子节点的拖放区域 主要元素有dropenter and dropleave事件 但是 如果您将文件拖动到主元素内部和子节点上方 则dropleave被触发 如何处理 以便dropleave仅当拖动的元素和鼠标位于主元素之外时
  • QUnit 与固定装置的奇怪行为,测试交替失败和通过

    我在 QUnit 中进行了以下设置 Dozen or so previous tests here test Test some markup generation function qunit fixture plugin jQuery
  • IE7 问题 - 当禁用文件下载自动提示时无法下载流式文件

    我的应用程序是基于 J2EE JSP Servlet 的 当我尝试从 JSP 打开新窗口 弹出窗口 并调用 Servlet 操作 例如 Streamer do 以在该弹出窗口内传输 PDF 文件时 我遇到了问题 问题 当 IE 7 gt 工
  • CSS交付优化:如何推迟CSS加载?

    我在尝试着优化 CSS 交付遵循针对开发人员的谷歌文档https developers google com speed docs insights OptimizeCSSDelivery example https developers
  • 从另一台服务器读取 Node.js 中的大文件

    我有两台相互通信的服务器 Server1 向 Server2 请求文件的部分内容 并将收到的数据存储到一个文件中 Server2 应该接收每个请求并创建一个流管道传输数据 假设服务器2中存储的文件 目录 如下 bigfile gz bigf
  • jQuery可排序发布数据,但没有数据

    谁能告诉我我在这里缺少什么 我的数据似乎总是空的 我做错了什么 document ready function nav sortable connectWith nav axis y update function event ui var
  • (A == B == C) 比较在 JavaScript 中如何工作?

    我预计以下比较会给出错误 var A B 0 if A B 0 console log true else console log false 但奇怪的是它又回来了false 更奇怪的是 console log A B 1 returns
  • 如何防止IE11弹出(您确定要离开此页面)

    我正在处理一个页面 除了一个下拉菜单可供选择外 我无需输入任何内容 但在 IE11 中 当我尝试转到下一页时 它会弹出该消息 我想阻止这种弹出的发生 所以我只是想知道 IE11 中弹出窗口的默认行为是什么 因为它不会出现在 Chrome 或
  • AngularJS 应用程序:如何将 .js 文件包含到 index.html 中

    我是 angularJS 的新手 我设法使用 AngularJS 构建了一个phonegap应用程序 该应用程序正常并且运行良好 问题是 现在我对 angularJS 的工作原理有了更多的了解 至少我认为我已经了解了 我担心我的应用程序文件

随机推荐

  • python Blob检测圆点

    blob只能检测里面是黑色外面是白色的斑点 如果要检测里面是白色外面是黑色的斑点 则图像要取反 img inv 255 img 原图 检测结果图 plt opencv coding utf 8 import math import cv2
  • 什么是php探针,以及雅黑探针使用教程

    什么是php探针 以及雅黑探针使用教程 一 php探针介绍 什么是php探针 php探针是用来探测空间 服务器运行状况和PHP信息用的 探针可以实时查看服务器硬盘资源 内存占用 网卡流量 系统负载 服务器时间等信息 php探针的功能 1 服
  • 软件测试人员如何提升自己?写给职场中迷茫的你。

    很多人在进入软件测试行业几年之后 可能都会进入一个瓶颈期 不知道如何去提升自己 但自己能意识到这个问题就是好事 我在前面的几年也曾遇到这个问题 走出舒适区确实很难 但如果可以走出来 就会实现自己最终的目标 今天我们就来说说在进入到行业后 应
  • openstack核心组件-horizon— Web管理界面

    horizon 介绍 Horizon 为 Openstack 提供一个 WEB 前端的管理界面 UI 服务 通过 Horizone 所提供的 DashBoard 服务 管理员可以使用通过 WEB UI 对 Openstack 整体云环境进行
  • (休息几天)读米什金之货币银行学——资产需求理论

    1资产需求的决定因素 1 财富 即个人拥有的总资源 2 预期回报率 3 风险 4 流动性 资产变现的容易程度和速度 2资产需求理论 一项资产的需求量通常和财富正相关 奢侈品 需求对财富的反应较必需品更为强烈 一项资产的需求量与该资产相对于替
  • 【C++】类和对象(二)

    目录 一 类的6个默认成员函数 二 构造函数 2 1构造函数的概念 2 2构造函数的特性 三 析构函数 3 1析构函数的概念 3 2析构函数的特性 四 拷贝构造函数 4 1拷贝构造函数的概念 4 2拷贝构造函数的特性 五 赋值运算符重载 5
  • 国内外安全网站网址大集合

    国内安全 http security zz ha cn 起点安全 有相当不错的原创内容 国内安全 http www shopsky com flashsky的个人主页 国内安全 http www safechina net 有较多原创内容的
  • 基于SSH的婴幼儿产品销售系统的开发与设计毕业设计论文

    源码下载 http www byamd xyz hui zong 1 摘要 科学技术日新月异的进步 让人类生活发生了巨大的变化 计算机技术的飞速发展 使各行各业在计算机技术应用方面得到了广泛的普及和使用 信息化时代的到来成为不可抗拒的潮流
  • 相似矩阵与合同矩阵

    目录 相似矩阵 定义 性质 定理 推论 合同矩阵 定义 性质 推论 相似矩阵 定义 设 A B A B A B 都是 n
  • Mysql 中的锁

    一 锁的分类 粒度 表锁 行锁 间隙锁 方式 读锁 共享锁 写锁 排他锁 态度 悲观锁 乐观锁 悲观锁 读锁 写作都是悲观锁 乐观锁 乐观锁 需要外部程序实现 一 锁的粒度 表锁 行锁 间隙锁 二 锁的方式 读锁 T1表加了读锁 T1表将只
  • 通信工程毕业设计题目100例

    文章目录 1前言 2 如何选题 3 通信工程选题方向 3 1 移动通信方向 3 2 嵌入式开发方向 3 3 人工智能方向 3 4 物联网方向 3 5 算法研究方向 3 6 移动应用开发方向 3 7 网络通信方向 3 8 学长作品展示 4 最
  • 【python数据挖掘课程】十五.Matplotlib调用imshow()函数绘制热图

    前面系列文章讲过数据挖掘的各种知识 最近在研究人类时空动力学分析和幂率定律 发现在人类兴趣转移模型中 可以通过热图 斑图 来进行描述的兴趣转移 如下图所示 下一篇文章将简单普及人类动力学相关知识研究 这篇文章结合Matplotlib的ims
  • Inversion of Java Interview - Java集合篇

    Inversion of Java Interview Java容器篇 好奇心是驱动人类进步的动力之一 一 Java容器概况 Java容器分为Collection和Map两大类 Collection集合的子接口有Set List Queue
  • php上传和导出excel文件,(进阶篇)使用PHP导入Excel和导出数据为Excel文件

    有时需要将Excel表格的数据导入到mysql数据库中 我们使用PHP的一个开源项目PHP ExcelReader可以轻松实现Excel的导入 1 导入XLS PHP ExcelReader这是一个开源的项目 主要是来解析excel的文件
  • iOS 开发者账号添加手机号码 Program License Agreement has been updated.edit phone number

    苹果开发者账号经常性的更新一些开发协议让开发者同意 苹果爸爸的要求 同意就好了 只有Agent权限账号会收到 团队成员账号权限区别请参考 最近苹果开发者账号又更新了协议 apple id没有绑定手机号的 在开发者账号里会要求你必须绑定手机号
  • 研究生阶段的研究方向以及一些想法

    好久没有更新了 综合考虑后 即将入学 KAUST 成为一名硕博连读的学生了 出于导师研究方向以及个人兴趣的一些原因 希望在接下来的五年 深耕一下 Generative Models Continual Learning Zero Shot
  • 接口测试工具-Postman-安装和使用

    目录 Postman介绍 1 安装Postman 2 Postman 使用 2 1 合集 collections 2 2 发起请求 2 3 Get请求 2 3 1 无参数的Get请求 2 3 2 带参数的Get请求 2 4 Post请求 2
  • Python薪资的高涨原因及相应代码分析

    Python语言自问世以来 一直以其简洁 易学和多功能而受到广泛关注和应用 在近年来 Python编程语言的普及和应用领域的不断扩大 使得Python开发人员的需求量大幅增加 与此同时 Python工资也呈现出快速上涨的趋势 本文将深入探讨
  • JDK1.8新特性详解

    介绍 Java是世界上使用最广泛的编程语言之一 近年来随着互联网技术的高速发展 对Java的要求也越来越高 JDK1 8是Java平台上的一个重要版本 引入了许多新特性和改进 本文将详细介绍JDK1 8中的新特性和应用场景 一 Lambda
  • 日期处理(moment.js)使用笔记

    之前没接触moment js 在新项目中见到了 做一做使用笔记也是分享一下 安装 引用 npm install moment 或者 yarn add moment import moment from moment 导入文件 Vue pro