MomentJs 常用api总结

最新推荐文章于 2023-09-04 14:58:16 发布
最新推荐文章于 2023-09-04 14:58:16 发布
阅读量375 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42952411/article/details/116479956
版权

从 MomentJs 到 DayJs

MomentJs

http://momentjs.cn/
Moment.js是一个轻量级的JavaScript时间库，它方便了日常开发中对时间的操作。如：获取时间，设置时间，格式化时间，比较时间等等

MomentJs 常用 API

获取时间

  1. 获取当前时间
    moment()

  2. 获取今天0时0分0秒
    moment().startOf('day')

  3. 获取本周第一天(周日)0时0分0秒
    moment().startOf('week')

  4. 获取本周周一0时0分0秒
    moment().startOf('isoWeek')

  5. 获取当前月第一天0时0分0秒
    moment().startOf('month')

  6. 获取今天23时59分59秒
    moment().endOf('day')

  7. 获取本周最后一天(周六)23时59分59秒
    moment().endOf('week')

  8. 获取本周周日23时59分59秒
    moment().endOf('isoWeek')

  9. 获取当前月最后一天23时59分59秒
    moment().endOf('month')

  10. 获取当前月的总天数
    moment().daysInMonth()

  11. 获取时间戳(以秒为单位)
    moment().format('X') // 返回值为字符串类型
    moment().unix() // 返回值为数值型

  12. 获取时间戳(以毫秒为单位)
    moment().format('x') // 返回值为字符串类型
    moment().valueOf() // 返回值为数值型

  13. 获取年份
    moment().year()
    moment().get('year')

  14. 获取月份
    moment().month() // (0~11, 0: January, 11: December)
    moment().get('month')

  15. 获取一个月中的某一天
    moment().date()
    moment().get('date')

  16. 获取一个星期中的某一天
    moment().day() // (0~6, 0: Sunday, 6: Saturday)
    moment().weekday() // (0~6, 0: Sunday, 6: Saturday)
    moment().isoWeekday() // (1~7, 1: Monday, 7: Sunday)
    moment().get('day')
    mment().get('weekday')
    moment().get('isoWeekday')

  17. 获取小时
    moment().hours()
    moment().get('hours')

  18. 获取分钟
    moment().minutes()
    moment().get('minutes')

  19. 获取秒数
    moment().seconds()
    moment().get('seconds')

  20. 获取当前的年月日时分秒
    moment().toArray() // [years, months, date, hours, minutes, seconds, milliseconds]
    moment().toObject() // {years: xxxx, months: x, date: xx …}

设置时间

  1. 设置年份
    moment().year(2019)
    moment().set('year', 2019)
    moment().set({year: 2019})

  2. 设置月份
    moment().month(11) // (0~11, 0: January, 11: December)
    moment().set('month', 11)

  3. 设置某个月中的某一天
    moment().date(15)
    moment().set('date', 15)

  4. 设置某个星期中的某一天
    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)

  8. 下一年份
    moment().add(1, 'years')
    moment().add({years: 1})

  9. 下一月份
    moment().add(1, 'months')

  10. 下一天
    moment().add(1, 'days')

  11. 下一周
    moment().add(1, 'weeks')

  12. 下一小时
    moment().add(1, 'hours')

  13. 下一分钟
    moment().add(1, 'minutes')

  14. 下一秒
    moment().add(1, 'seconds')

  15. 上一年份
    moment().subtract(1, 'years')
    moment().subtract({years: 1})

  16. 上一月份
    moment().subtract(1, 'months')

  17. 上一天
    moment().subtract(1, 'days')

  18. 上一周
    moment().subtract(1, 'weeks')

  19. 上一小时
    moment().subtract(1, 'hours')

  20. 上一分钟
    moment().subtract(1, 'minutes')

  21. 上一秒
    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 PMAM PM
a小写的am pmam 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
XUnix时间戳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('MMMM Do YYYY, h:mm:ss a'); // 五月 24日 2019, 7:47:43 晚上
    moment().format('dddd'); // 星期五
    moment().format("MMM Do YY"); // 5月 24日 19
    moment().format('YYYY [escaped] YYYY'); // 2019 escaped 2019
    moment().format(); // 2019-05-24T19:47:43+08:00

比较时间

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

相对时间

moment().fromNow();

日历时间

moment().calendar();

国际化

import ‘moment/locale/zh-cn’
moment.locale(‘zh-cn’);

day.js

https://day.js.org/zh-CN/
Moment.js 的 2kB 轻量化方案，拥有同样强大的 API

安装：npm install dayjs

使用：dayjs()

悲喜自度
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Python常用库大全.pdf
11-27
本篇将对 Python 中常用的库进行总结，涵盖环境管理、包管理、构建工具、交互式解析器、文件管理、日期和时间操作、文本处理等多个方面。 环境管理： * p: 非常简单的交互式 Python 版本管理工具。 * pyenv: 简单...
MomentJs 常用api
paidaboluo的博客
09-01 1076
MomentJs 常用api
moment.js——实现日期格式的转换——常用api汇总
最新发布
yehaocheng520的博客
09-04 2954
moment.js——实现日期格式的转换——常用api汇总
moment.js 中文API
ChanYee的博客
06-02 6500
声明：参考了http://momentjs.cn/docs/#/get-set/second/【解析】 Moment.js不会修改本机Date.prototype，而是为Date对象创建一个包装器。 要获取这个包装器对象，只需调用moment（）。 如果你想添加自己的功能，可以通过moment.fn进行自定义。当前时间 var now = moment();字符串 var day = mom
关于moment的常用api
dashinihao的博客
07-09 1267
moment数据，时间戳，和常用时间的相互转换 1 、moment数据-->时间戳 valueOf()方法 同Date对象一样，如果获得的momen数据只需要调用valueOf即可 举例 let data= item.valueOf() 2、moment数据-->正常格式数据 用format() 举例：let data=moment(item).format('YYYY-MM-DD') 3、时间戳-->moment数据 直接调用即可 举例: letdata=...
moment 常用API
qq_41948472的博客
01-05 2309
import moment, { Moment } from 'moment' // 比较两个时间 -> 返回true/false moment('2012-01-01').isBefore('2012-01-01') // //昨天日期 moment().subtract('days', 1).format('YYYY-MM-DD') //当天日期 moment().subtract('days', 0).format('YYYY-MM-DD') //30天前日期 moment().s
javascript常用函数 javascript 常用库
02-08
4. Moment.js：处理日期和时间的强大库，提供了丰富的API来解析、验证、操作和显示日期。 5. Axios：一个基于Promise的HTTP库，可以在浏览器和node.js中使用，用于发送Ajax请求。 三、公共方法 在`common.base.js...
js时间控件
03-17
第三方库如Moment.js提供了更丰富的格式化选项和易用的API。 总结，JavaScript时间控件是Web应用中的重要组件，它们极大地增强了用户界面的交互性和可用性。通过利用jQuery和其他库，开发者可以快速高效地实现功能...
我用的一些Node.js开发工具、开发包、框架等总结
01-20
3. **Moment.js**：强大的日期和时间处理库，可以方便地进行日期格式化、解析和计算。 4. **Cheerio**：实现了jQuery核心选择器，能够在服务器端运行，用于HTML文档的解析和操作，轻量且效率高。 5. **Async**：...
前端开发必备常用工具函数小结
09-22
在前端开发中，掌握一些常用工具函数能够极大地提高开发效率和代码质量。下面将详细介绍文章中提到的一些关键工具函数，并扩展相关知识。 1. **时间格式化：** 文章推荐使用`moment.js`库来处理时间格式化。`moment...
Moment.js经常使用API速查《转载》
TwoBE9876的博客
11-16 158
平常开发常常会用Moment.js来处理时间，现对频繁使用的几个API作下整理，以便往后查阅。javascript 获取时间 moment().valueOf() // 获取时间戳(以毫秒为单位) moment().startOf('day') // 获取今天0时0分0秒 moment().startOf('isoWeek') // 获取本周周一0时0分0秒 moment().startOf('month') // 获取本月第一天0时0分0秒 moment().endOf('day')
Moment.js常用API速查
人间草木
10-17 463
日常开发经常会用Moment.js来处理时间，现对频繁使用的几个API做下整理，以便日后查阅。 获取时间 moment().valueOf() // 获取时间戳(以毫秒为单位) moment().startOf('day') // 获取今天0时0分0秒 moment().startOf('isoWeek') // 获取本周周一0时0分0秒 moment().startOf('mo...
moment.js(js date)日期格式化
热门推荐
大灰狼的小绵羊哥哥的博客
08-05 3万+
moment.js（js date）日期格式化处理插件强大， 官方网站：http://momentjs.com/你也可以查看官方网站E文原版moment.js api。 moment.js中文api Moment.js简单易用的轻量级JavaScript日期处理类库 当前日期格式化 moment().format('MMMM Do YYYY, h:mm:ss a'); -> 四月 6日
vue moment时间戳Date 与 时间格式String相互转换以及时间对象处理
jie520191的博客
08-22 1万+
moment.js 的官方文档：https://momentjs.com/docs/ 时间转换获取时间戳 : var res =moment(Date.now(),'YYYY-MM-DD HH:mm:ss').valueOf(); 时间转换获取格式时间:varres=moment(Date.now()).format('YYYY-MM-DD HH:mm:ss'); String转...
Moment.js 文档
li_bing_的专栏
04-22 1112
Moment.js ,JavaScript 日期处理类库。 旨在在浏览器和Node.js中工作。 目前，以下浏览器用于ci系统：Windows 7上的IE8，IE9，Windows XP上的稳定Chrome，Mac上的Safari 10.8和Linux上的稳定Firefox。 引入方式 Node.js npm install moment var moment = requi...
一款js时间操作插件 Moment.js
xyw10000
12-28 2061
官网 http://momentjs.cn/调用
momentjs 常用总结
m0_46371029的博客
08-24 687
平时在工作中经常需要对时间进行处理，用momentjs 可以快速又方便的对时间格式进行处理 1. let time = moment() //输出当前国际化时间 相当于 newDate() 2.let time = moment(X).format('YYYY-MM-DD HH:mm:ss') X可以不传，如果不传的话格式化当前时间并按 YYYY-MM-DD 格式输出 X可以为时间戳，如果传时间戳，要传13位毫秒的时间戳 X可以为new Date()的时间格式即Tue Aug 24 202...
Moment.js的基本使用
xm1037782843的博客
11-11 2万+
Momentjs在Vue的使用
moment.js 常用方法总结。
~~~
07-17 2417
第二个参数可以是：years，quarters，months，weeks，days，hours，minutes，seconds，milliseconds，常用的有： years，months，days。第二个参数可以是：years，quarters，months，weeks，days，hours，minutes，seconds，milliseconds，常用的有： years，months，days。常用的moment().subtract(Number, String);
vue使用moment.js 星期几
07-27
在Vue中使用moment.js来获取当前日期的星期几可以按照以下步骤进行： 1. 首先，确保你已经在项目中安装了moment.js。可以通过npm或者yarn安装： ``` npm install moment ``` 或者 ``` yarn add moment ``` 2. 在需要使用的组件中引入moment.js： ```javascript import moment from 'moment'; ``` 3. 在Vue组件的方法中，使用moment.js来获取当前日期的星期几： ```javascript methods: { getWeekday() { const weekday = moment().format('dddd'); console.log(weekday); } } ``` 4. 在需要的地方调用getWeekday方法： ```html <button @click="getWeekday">获取星期几</button> ``` 这样，当点击按钮时，控制台会输出当前日期的星期几。你也可以根据需要将其显示在页面上。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值