JavaScript前端时间库moment.js
1、获取当前时间
moment().format("YYYY-MM-DD HH:mm:ss");
moment().format("YYYY-MM-DD");
moment().format("YYYY年MM月DD日HH时mm分ss秒");
moment().format("YYYY年MM月DD日");
2、获取前几天时间-时间加减-add和subtract
moment().subtract(3, "hours").format("YYYY-MM-DD"); //当前时间的前3个小时时间
moment().subtract(10, "days").format("YYYY-MM-DD"); //当前时间的前10天时间
moment().subtract(1, "years").format("YYYY-MM-DD"); //当前时间的前1年时间
moment().subtract(3, "months").format("YYYY-MM-DD"); //当前时间的前3个月时间
moment().add(3, "hours").format("YYYY-MM-DD"); //当前时间的后3个小时时间
moment().add(10, "days").format("YYYY-MM-DD"); //当前时间的后10天时间
moment().add(1, "years").format("YYYY-MM-DD"); //当前时间的后1年时间
moment().add(3, "months").format("YYYY-MM-DD"); //当前时间的后3个月时间
3、时间和字符串互转
moment("20111031", "YYYYMMDD").format('YYYY/MM/DD')
moment("2011-10-31").format('YYYY/MM/DD')//标准格式可以不用传格式
moment("2011-10-31").format('YYYY年MM月DD日')//标准格式可以不用传格式
4、时间的开始和最后-startOf和endOf
moment().startOf('day').format('YYYY-MM-DD HH:mm:ss') // 当天0点的时间格式
moment().endOf('day').format('YYYY-MM-DD HH:mm:ss') // 当天23点59分59秒的时间格式
moment(日期).startOf('month').format("YYYY-MM-DD")//某月第一天
moment(日期).endOf('month').format("YYYY-MM-DD")//某月最后一天
moment(日期).startOf('year').format("YYYY-MM-DD")//某年第一天
moment(日期).endOf('year').format("YYYY-MM-DD")//某年最后一天
5、时间戳--format('x')
时间转时间戳
moment('2020-06-30').startOf('day').format('X').unix()//大写X--返回10位时间戳-单位:秒
moment('2020-06-30').startOf('day').format('x').valueOf()//小写x--返回13位时间戳-单位:毫秒
时间戳转时间:
moment(parseInt(时间戳)).format(‘YYYY-MM-DD hh:mm:ss’);
6、单独获取年、月、日、时、分秒
moment().year()
moment().get(‘year‘)
moment().month() // (0~11, 0: January, 11: December)
moment().get(‘month‘)
moment().date()
moment().get(‘date‘)
moment().hours()
moment().get(‘hours‘)
moment().minutes()
moment().get(‘minutes‘)
moment().seconds()
moment().get(‘seconds‘)
获取一个星期中某一天
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‘)
7、比较2个时间差--diff
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
8、其他方法使用-isBetween和isBefore
this.moment('2010-10-20').isBetween('2010-10-19', '2010-10-25'); // true
this.moment('2010-10-19').isBetween('2010-10-19', '2010-10-25'); // false
this.moment('2010-10-25').isBetween('2010-10-19', '2010-10-25'); // false
this.moment('2016-10-30').isBetween('2016-10-30', '2016-12-30', null, '()'); //false
this.moment('2016-10-30').isBetween('2016-10-30', '2016-12-30', null, '[)'); //true
this.moment('2016-10-30').isBetween('2016-01-01', '2016-10-30', null, '()'); //false
this.moment('2016-10-30').isBetween('2016-01-01', '2016-10-30', null, '(]'); //true
this.moment('2016-10-30').isBetween('2016-10-30', '2016-10-30', null, '[]'); //true
moment('2022-04-20').isBefore('2022-04-25'); // true => 第一个日期在第二个日期前
moment('2022-04-28').isBefore('2022-04-25'); // false => 第一个日期不在第二个日期前
moment('2022-04-25').isBefore('2022-04-25'); // false => 两个日期相同
moment('2010-10-20').isBefore('2010-12-31', 'year'); // false
moment('2010-10-20').isBefore('2011-01-01', 'year'); // true
JavaScript前端时间库moment.js的更多相关文章
- js非常强大的日历控件fullcalendar.js, 日期时间库: moment.js
日历控件: https://fullcalendar.io/docs/ https://fullcalendar.io/docs/event_data/events_function/ https:/ ...
- javascript模块化编程库require.js的用法
随着javascript的兴起,越来越多的公司开始将JS模块化,以增加开发的效率和减少重复编写代码的.更是为了能更加容易的维护日后的代码,因为现在的随着人们对交互效果的越来越强烈的需求,我们的JS代码 ...
- 简单的JavaScript图像延迟加载库Echo.js
插件描述:和 Lazy Load 一样,Echo.js 也是一个用于图像延迟加载 JavaScript.不同的是 Lazy Load 是基于 jQuery 的插件,而 Echo.js 不依赖于 jQu ...
- 简单的Javascript图片延迟加载库Echo.js
简介: 和 Lazy Load 一样,Echo.js 也是一个用于图像延迟加载 JavaScript.不同的是 Lazy Load 是基于 jQuery 的插件,而 Echo.js 不依赖于 jQue ...
- JavaScript语法高亮库highlight.js使用
highlight.js是一款基于JavaScript的语法高亮库,目前支持125种编程语言,有63种可供选择的样式,而且能够做到语言自动识别,和目前主流的JS框架都能兼容,可以混合使用. 这款高亮库 ...
- web前端常用库
项目中可能用到的web前端库(持续记录): 1.轻量化货币库:https://github.com/openexchangerates/accounting.js ,美元形式.欧元形式等 2.时间 ...
- 前端必备,十大热门的 JavaScript 框架和库
JavaScript 框架和库可以说是开源项目中最庞大也是最累的类目了,目前在github 上这一类的项目是最多的,并且几乎每隔一段时间就会出现一个新的项目席卷网络社区,虽然这样推动了创新的发展,但不 ...
- ⏰Day.js 2kB超轻量时间库 和Moment.js一样的API
Moment.js 是一个大而全的 JS 时间库,很大地方便了我们处理日期和时间.但是 Moment.js太重了(200k+ with locals),可能一般项目也只使用到了她几个常用的API.虽然 ...
- 我发起并创立了一个 Javascript 前端库 开源项目 jWebForm
在线演示地址: ( 在线演示 云平台 由 Kooboo 提供 https://www.kooboo.com/ ) 按钮: http://iwebform.kgeking.kooboo.si ...
- Tippy.js – 轻量的 Javascript Tooltip 工具库
工具提示(Tooltip)在网站中的一个小功能,但却有很重要的作用,常用于显示一些温馨的提示信息.如果网站中的工具提示功能做得非常有创意的话能够加深用户对网站印象.Tippy.js 是一款帮助你快速创 ...
随机推荐
- JDK14的新特性:JFR,JMC和JFR事件流
目录 简介 JFR JMC 创建JFR 分析JFR JFR事件 JFR事件流 总结 JDK 14的新特性:JFR,JMC和JFR事件流 简介 Java Flight Recorder(JFR)是JVM ...
- [一本通1677/JZOJ1217/CJOJ1101]软件开发 题解
题目描述 一个软件开发公司同时要开发两个软件,并且要同时交付给用户,现在公司为了尽快完成这一任务,将每个软件划分成\(m\)个模块,由公司里的技术人员分工完成,每个技术人员完成同一软件的不同模块的所用 ...
- 探索基于WebRTC的有感录屏技术开发流程
第一章:技术原理 WebRTC(Web Real-Time Communication)是一种开放源代码项目,旨在通过浏览器之间的点对点通信实现实时音视频通信.WebRTC利用JavaScript A ...
- 天气数据爬取+pyechart可视化
数据爬取/处理 爬取深圳2021年全年的天气历史数据. 网址链接:https://lishi.tianqi.com/shenzhen/ 代码: import requests from lxml im ...
- 父组件明明使用了v-model,子组件竟然可以不用定义props和emit抛出事件,快来看看吧
前言 vue3.4增加了defineModel宏函数,在子组件内修改了defineModel的返回值,父组件上v-model绑定的变量就会被更新.大家都知道v-model是:modelValue和@u ...
- HDD与你相约深圳,一起探讨创新开发与运营增长
12月14日,HUAWEI Developer Day(以下简称HDD)将在深圳与广大开发者见面.本次HDD共设有主论坛.两个分论坛及两个闭门会议,期待各位开发者前来参加. 精彩预告 01·主论坛 在 ...
- js 是单线程吗?
前言 在html5中,js中允许操作多个线程执行,但是不能操作dom元素,这是一个痛点. 但是在mvvm依然存在很大的作用力,因为我们只需要操作数据,在操作数据的时候委托机制在主线程中就实现了对dom ...
- c# Barrier 线程回调
前言 假如现在有一个这样的需求,我一堆小黄人生产小黄丹,而大黄人要一直吃小黄丹. 如果是这样的话,想到就是一堆小黄人作为一个多线程,然后一直制造,然后另外一个大黄人一直检索是否有小黄丹,有就吃掉. 但 ...
- Object类的派生-c++
/* * @Issue: 生成一个Object抽象类 * @Author: 一届书生 * @LastEditTime: 2020-02-24 10:34:13 */ #include<iostr ...
- MQTT实战系列(一)——MQTT简介
随着移动互联网以及物联网应用的蓬勃发展,阿里云推出微消息队列 MQTT,从而实现端(浏览器.Android.iOS.智能设备.直播互动.车联网)与云的双向通信,通过消息实现万物互联. MQTT (Me ...