moment.js——实现日期格式的转换——常用api汇总

news/2024/7/24 13:04:03 标签: javascript, 开发语言, ecmascript

之前遇到关于日期的转换问题,我常用的解决方法就是通过new Date()进行时间的处理。
其实很多日期的处理,都可以通过moment来直接进行处理,简单方便。

下面的操作都是在引入moment.js或者npm install moment之后的写法。

标准日期格式转化为“年月日时分秒”——padStart()补0问题

之前写过这篇文章来处理日期为年月日时分秒的
在这里插入图片描述
如果使用moment,则直接一行代码即可。moment().format('YYYY-MM-DD HH:mm:ss')
在这里插入图片描述

标准日期格式转化为“年月日时分秒”——不进行补0

如果使用moment,则直接一行代码即可。moment().format('YYYY-M-D H:m:s')
在这里插入图片描述

获取指定日期是周几和第几周的信息

之前写过一篇文章,计算指定日期是当年的第几周和星期几。
在这里插入图片描述
如果是用moment
第几周的写法:moment(指定日期).week()
星期几的写法:moment(指定日期).day()

在这里插入图片描述

js实现 获取当月第一天+最后一天,获取上月第一天+最后一天

之前写过的文章,当时是通过js实现的。
在这里插入图片描述
如果用moment,则直接一行代码即可:
当月第一天:moment().startOf('month').format('YYYY-MM-DD')
当月最后一天:moment().endOf('month').format('YYYY-MM-DD')
上个月的今天:moment().subtract(1,'months').format('YYYY-MM-DD')
上个月的第一天:moment().subtract(1,'months').startOf('month').format('YYYY-MM-DD')
上个月的最后一天:moment().subtract(1,'months').endOf('month').format('YYYY-MM-DD')
在这里插入图片描述

js——获取两个日期之间相差多少天或者多少时间(天+小时+分+秒)——基础积累

之前的写法如下:
在这里插入图片描述
如果是moment
计算两个日期之间的天数:
moment(new Date('2023-09-30')).diff('2023-09-03 08:00', 'day')
在这里插入图片描述
计算两个日期之间的小时数:
moment(new Date('2023-09-04 08:00')).diff('2023-09-03 08:00', 'hours')
在这里插入图片描述

完成!!!后续会继续汇总。多多积累,多多收获!!!


http://www.niftyadmin.cn/n/5000248.html

相关文章

scoped样式修饰符的使用

在Vue.js中,scoped 是一个用于样式的修饰符,它用于限定样式的作用范围,使得样式只在当前组件的作用域内生效,而不会影响到父组件或子组件的样式。这个特性通常用于解决 CSS 样式污染的问题,确保样式只会影响到当前组件…

垃圾回收 - 复制算法

GC复制算法是Marvin L.Minsky在1963年研究出来的算法。说简单点,就是只把某个空间的活动对象复制到其它空间,把原空间里的所有对象都回收掉。这是一个大胆的想法。在此,我们将复制活动对象的原空间称为From空间,将粘贴活动对象的新…

C# 采用3DES-MAC进行签名 base64解码与编码

** 3DES-MAC ** 3DES-MAC(Triple Data Encryption Standard Message Authentication Code)是一种消息认证码(MAC)算法,用于验证消息的完整性和真实性。3DES-MAC使用了3DES(Triple Data Encryption Standa…

手写Mybatis:第15章-返回Insert操作自增索引值

文章目录 一、目标:Insert自增索引值二、设计:Insert自增索引值三、实现:Insert自增索引值3.1 工程结构3.2 Insert自增索引值类图3.3 修改执行器3.3.1 修改执行器接口3.3.2 抽象执行器基类 3.4 键值生成器3.4.1 键值生成器接口3.4.2 不用键值…

Android Canvas的使用

android.graphics.Canvas 一般在自定义View中,重写 onDraw(Canvas canvas) 方法时用到。 /*** Implement this to do your drawing.** param canvas the canvas on which the background will be drawn*/Overrideprotected void onDraw(Canvas canvas) {super.onDra…

时序预测 | MATLAB实现PSO-LSSVM粒子群算法优化最小二乘支持向量机时间序列预测未来

时序预测 | MATLAB实现PSO-LSSVM粒子群算法优化最小二乘支持向量机时间序列预测未来 目录 时序预测 | MATLAB实现PSO-LSSVM粒子群算法优化最小二乘支持向量机时间序列预测未来预测效果基本介绍模型描述程序设计参考资料 预测效果 基本介绍 1.Matlab实现PSO-LSSVM时间序列预测未…

31 WEB漏洞-文件操作之文件包含漏洞全解

目录 文件包含漏洞原理检测类型利用修复 本地包含-无限制,有限制远程包含-无限制,有限制各种协议流玩法文章介绍读取文件源码用法执行php代码用法写入一句话木马用法每个脚本支持的协议玩法 演示案例某CMS程序文件包含利用-黑盒CTF-南邮大,i春…

python安装wind10

一、下载: 官网:Python Releases for Windows | Python.org 二、安装 双击下载的安装程序文件。这将打开安装向导。安装界面图下方两个框的" Use admin privileges wheninstalling py. exe和” Add python. exe to PATH"都要勾选,一定要勾选!一定要勾选…