Moment.js 常见用法总结
Moment.js是一个时间日期库,它方便了日常开发中对时间的操作,提高了开发效率。
结合官网及其他资料,对Moment. js的常见用法做了简单的总结,方便后续的查阅与使用。
一、引入
1、nodejs
(1)安装
// 通过npm安装
npm install moment --save // 通过yarn安装
yarn add moment
(2)使用方法
// 使用require
var moment = require('moment');
moment().format();// 使用import
import moment from 'moment';
moment().format();
(3)设置语言环境
// require 方式
require('moment/locale/zh-cn')
moment.locale('zh-cn'); // import 方式
import 'moment/locale/zh-cn'
moment.locale('zh-cn');
2、浏览器
<script src="moment.js"></script>
<script>moment().format();
</script>
二、使用
1、获取时间
(1)获取当前时间
// 比如当前时间是 2021-06-12
// 注意这里是moment的格式,获取的是当前时间
moment()
(2)获取一个月中的某一天
// 比如当前日期是 2021-06-12
moment().date() // 默认的是当前日 12
moment().get('date') // 12
(3)获取月份
// 比如当前日期是 2021-06-12// 默认获取当前月份,由于是从0开始的,这里得到的是 5
moment().month()
moment().get('month')
(4)获取年份
// 比如当前时间是 2021-06-12,得到的是2021
// 用法和月份相似,这里不再列举
moment().year()
moment().get('year')
(5)获取一个星期中的某一天
// 获取星期几,如果超出范围,则它将会冒泡到其他星期
moment().day() // (0~6, 0: Sunday, 6: Saturday)
moment().get('day')// 如果语言环境将星期一指定为一周的第一天,则 moment().weekday(0) 将会是星期一。
// 如果星期日是一周的第一天,则 moment().weekday(0) 将会是星期日。
moment().weekday() // (0~6, 0: Sunday, 6: Saturday)
moment().get('weekday')moment().isoWeekday() // (1~7, 1: Monday, 7: Sunday)
moment().get('isoWeekday')
(6)获取小时
moment().hours()
moment().get('hours')
(7)获取分钟
moment().minutes()
moment().get('minutes')
(8)获取秒数
moment().seconds()
moment().get('seconds')
(9)获取当前的年月日时分秒
moment().toArray() // [years, months, date, hours, minutes, seconds, milliseconds]
moment().toObject() // {years: xxxx, months: x, date: xx ...}
(10)获取今天的0时0分0秒
moment().startOf('day')
(11)获取本周第一天(周日)
moment().startOf('week')
(12)获取本周周一
moment().startOf('isoWeek')
(13)获取当前月第一天
moment().startOf('month')
(14)获取今天23时59分59秒
moment().endOf('day')
(15)获取本周最后一天(周六)
moment().endOf('week')
(16)获取本周周日
moment().endOf('isoWeek')
(17)获取当前月最后一天
moment().endOf('month')
(18)获取当前月的总天数
moment().daysInMonth()
(19)获取时间戳(以秒为单位)
moment().format('X') // 返回值为字符串类型
moment().unix() // 返回值为数值型
(20)获取时间戳(以毫秒为单位)
moment().format('x') // 返回值为字符串类型
moment().valueOf() // 返回值为数值型
2、set时间
(1)设置某个月的某一天
moment().date(15)
moment().set('date', 15)// 注意:这里输出的是moment的时间格式
moment().date(23)// 超出当月日期范围,会往后推,6月有30天,往后一天就是7月1号
moment().date(31)// 格式化处理(下面会讲)
moment().date(23).format('YYYY-MM-DD')
// "2021-06-23"moment().date(31).format('YYYY-MM-DD')
// "2021-07-01"moment().date(32).format('YYYY-MM-DD')
// "2021-07-02"
(2)设置月份
// 设置月份为12月
moment().month(11) // (0~11, 0: January, 11: December)
moment().set('month', 11) // moment格式
moment().month(7)// 正常的月份范围是0~11,超出会往后面推
moment().month(12)moment().month(7).format('YYYY-MM')
// "2021-08"moment().month(12).format('YYYY-MM')
// "2022-01"moment().month(13).format('YYYY-MM')
// "2022-02"
(3)设置年份
// 设置年份为2021年
moment().year(2021)
moment().set('year', 2021)
moment().set({year: 2021})
(4)设置一个星期中的某一天
moment().day(1) // 设置日期为本周星期一
moment().weekday(0) // 设置日期为本周第一天(周日)
moment().isoWeekday(1) // 设置日期为本周周一
moment().set('weekday', 0)
moment().set('isoWeekday', 1)
(5)设置小时
moment().hours(12)
moment().set('hours', 12)
(6)设置分钟
moment().minutes(30)
moment().set('minutes', 30)
(7)设置秒数
moment().seconds(30)
moment().set('seconds', 30)
3、add时间
(1)年份+1
moment().add(1, 'years')
moment().add({years: 1})
(2)月份+1
moment().add(1, 'months')
(3)日期+1
moment().add(1, 'days')
(4)星期+1
moment().add(1, 'weeks')
(5)小时+1
moment().add(1, 'hours')
(6)分钟+1
moment().add(1, 'minutes')
(7)秒+1
moment().add(1, 'seconds')
4、subtract时间
(1)年份-1
moment().subtract(1, 'years')
moment().subtract({years: 1})
(2)月份-1
moment().subtract(1, 'months')
(3)日期-1
moment().subtract(1, 'days')
(5)星期-1
moment().subtract(1, 'weeks')
(6)小时-1
moment().subtract(1, 'hours')
(7)分钟-1
moment().subtract(1, 'minutes')
(8)秒-1
moment().subtract(1, 'seconds')
三、日期格式化
格式代码 | 说明 | 返回值例子 |
---|---|---|
M | 数字表示的月份,没有前导零 | 1到12 |
MM | 数字表示的月份,有前导零 | 01到12 |
MMM | 三个字母缩写表示的月份 | Jan到Dec |
MMMM | 月份,完整的文本格式 | January到December |
Q | 季度 | 1到4 |
D | 月份中的第几天,没有前导零 | 1到31 |
DD | 月份中的第几天,有前导零 | 01到31 |
d | 星期中的第几天,数字表示 | 0到6,0表示周日,6表示周六 |
ddd | 三个字母表示星期中的第几天 | Sun到Sat |
dddd | 星期几,完整的星期文本 | 从Sunday到Saturday |
w | 年份中的第几周 | 如42:表示第42周 |
YYYY | 四位数字完整表示的年份 | 如:2014 或 2000 |
YY | 两位数字表示的年份 | 如:14 或 98 |
A | 大写的AM PM | AM PM |
a | 小写的am pm | am pm |
HH | 小时,24小时制,有前导零 | 00到23 |
H | 小时,24小时制,无前导零 | 0到23 |
hh | 小时,12小时制,有前导零 | 00到12 |
h | 小时,12小时制,无前导零 | 0到12 |
m | 没有前导零的分钟数 | 0到59 |
mm | 有前导零的分钟数 | 00到59 |
s | 没有前导零的秒数 | 1到59 |
ss | 有前导零的描述 | 01到59 |
X | Unix时间戳 | 1411572969 |
1、格式化年月日: 'xxxx年xx月xx日'
moment().format('YYYY年MM月DD日')
2、格式化年月日: 'xxxx-xx-xx'
moment().format('YYYY-MM-DD')
3、格式化时分秒(24小时制): 'xx时xx分xx秒'
moment().format('HH时mm分ss秒')
4、格式化时分秒(12小时制):'xx:xx:xx am/pm'
moment().format('hh:mm:ss a')
5、格式化时间戳(以秒为单位)
moment().format('X') // 返回值为字符串类型
6、格式化时间戳(以毫秒为单位)
moment().format('x') // 返回值为字符串类型
四、比较时间
1、获取两个日期之间的时间差
let start_date = moment().subtract(1, 'weeks')
let end_date = moment()end_date.diff(start_date) // 返回毫秒数end_date.diff(start_date, 'months') // 0
end_date.diff(start_date, 'weeks') // 1
end_date.diff(start_date, 'days') // 7
start_date.diff(end_date, 'days') // -7
2、判断一个日期是否在另一个日期之前
// 第一个参数会被解析为moment(如果尚未解析)
moment('2010-10-20').isBefore('2010-10-21'); // truemoment().isBefore('2010-10-21'); // false
moment().isBefore('2021-10-21'); // true// 如果要将粒度限制为毫秒以外的单位,则将单位作为第二个参数传入
// 如下,只比较年度
moment('2010-10-20').isBefore('2010-12-31', 'year'); // false
moment('2010-10-20').isBefore('2011-01-01', 'year'); // true// 注意:moment().isBefore() 具有未定义的行为,且不应被使用!
3、判断一个日期是否等于另一个日期
moment('2010-10-20').isSame('2010-10-20'); // true// 单独比较年度
moment('2010-10-20').isSame('2009-12-31', 'year'); // false
moment('2010-10-20').isSame('2010-01-01', 'year'); // true
moment('2010-10-20').isSame('2010-12-31', 'year'); // true
moment('2010-10-20').isSame('2011-01-01', 'year'); // false
4、判断一个日期是否在另一个日期之后
moment('2010-10-20').isAfter('2010-10-19'); // truemoment('2010-10-20').isAfter('2010-01-01', 'year'); // false
moment('2010-10-20').isAfter('2009-12-31', 'year'); // true
五、其他
1、将moment转换为JavaScript原生Date对象
let m = moment()
let nativeDate1 = m.toDate()
let nativeDate2 = new Date(m)String(nativeDate1) === String(nativeDate2) // true
2、检查变量是否为原生 js Date 对象
// 传入obj
moment.isDate(obj);// 示例如下
moment.isDate(); // false
moment.isDate(new Date()); // true
moment.isDate(moment()); // false
Moment.js 常见用法总结相关推荐
- Moment.js常见用法总结
From: https://www.jianshu.com/p/9c10543420de Moment.js常见用法总结 Moment.js是一个轻量级的JavaScript时间库,它方便了日常开发中 ...
- Moment.js常见用法总结 1
Moment.js常见用法总结 Moment.js是一个轻量级的JavaScript时间库,它方便了日常开发中对时间的操作,提高了开发效率. 日常开发中,通常会对时间进行下面这几个操作:比如获取时 ...
- 前端常用时间工具 -- Moment.js常见用法总结
Moment.js常见用法总结 文章目录 Moment.js常见用法总结 Moment.js常见用法总结 获取时间 Start of Time End of Time Timestamp Get Ti ...
- JS正则表达式常见用法实例详解
这篇文章主要介绍了JS正则表达式常见用法,结合实例形式分析了javascript元字符.分组符.修饰符.量词基本含义,并结合具体案例形式分析了javascript正则基本使用技巧,需要的朋友可以参考下 ...
- vue-router 的常见用法
vue-router 的常见用法 1. 路由重定向 路由重定向指的是:用户在访问地址 A 的时候,强制用户跳转到地址 C ,从而展示特定的组件页面. 通过路由规则的 redirect 属性,指定一个新 ...
- 【JavaScript:语法】javascript函数定义以及常见用法
转载:javascript函数定义以及常见用法 javascript函数定义以及常见用法 我们知道,js函数有多种写法,函数声明 ,函数表达式,Function式构造函数,自执行函数,包括Es6的箭头 ...
- JS常见正则方法整理
JS常见正则方法整理 目录 文章目录 前言 1. 使用测试方法 - `test` 2. 同时用多种模式匹配文字字符串 - `x|y` 3. 匹配时忽略大小写 - `/x/i` 4. 提取匹配项 - ` ...
- mysql中正则表达式的用法_Mysql中正则表达式Regexp常见用法
Mysql中Regexp常见用法 模糊匹配,包含特定字符串 # 查找content字段中包含"车友俱乐部"的记录 select * from club_content where ...
- python六:常见数据类型以及常见用法
bool 布尔值 # 在bool中 0,()(空元祖),[](空列表),{}(空字典),None,""(空字符串) 都是False int 整形 float 浮点型 str 字符串 ...
最新文章
- Jquery Types 小结
- 大数据druid查询不支持分页_Klin、Druid、ClickHouse核心技术对比
- uva 10453 - Make Palindrome(dp)
- 人耳识别代码_语音识别之——音频特征fbank与mfcc,代码实现与分析
- Android之提示javax.net.ssl.SSLHandshakeException: Chain validation failed
- JSP--(使用请求转发的动作标识jsp:forward)
- golang 的枚举
- Oracle11g客户端安装配置
- DeepLearning | Tensorflow编程基础:Session、Constant、Variable、Tensor、Placeholder、OP
- 解决Android 音频Xrun问题
- oracle rac 在完成安装错误。
- 转:Rust 调用C/C++
- 数学分析 复合函数求导法则
- 微信公众号网页开发,登录授权和微信支付
- 计算数学领域一些期刊(持续更新)
- 国美易卡网络大数据,国美易卡MySQL数据库
- Opencv之Unsharp Mask(USM)锐化
- 易飞会计科目表自己外挂表构造语句
- mysql随机生成中文姓名_mysql 随机生成姓名函数,及模拟大量测试数据
- word如何翻译成中文?Word翻译成中文的方法分享