moment.js 时间日期处理详解

更新时间：2021年09月11日 15:33:48 作者：冒险的豆子

这篇文章主要介绍了moment.js 时间日期处理详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下

周一至周日时间格式化转化

(Y --- 年 M --- 月 D--- 天)

 
    var timeNow = new Date(）// 当前时间
    var weekOfday = moment(timeNow).format('E'); // 计算今天是这周第几天
 
    var nowDay = moment(timeNow).format('YYYY-MM-DD') // 当前日期
 
    var Monday = moment(timeNow).subtract(weekOfday - 1, 'days').format('YYYY-MM-DD'); // 周一日期
 
    var Tuesday = moment(timeNow).subtract(weekOfday - 2, 'days').format('YYYY-MM-DD'); // 周二日期
 
    var Wednesday = moment(timeNow).subtract(weekOfday - 3, 'days').format('YYYY-MM-DD'); // 周三日期
 
    var Thursday = moment(timeNow).subtract(weekOfday - 4, 'days').format('YYYY-MM-DD'); // 周四日期
 
    var Friday = moment(timeNow).subtract(weekOfday - 5, 'days').format('YYYY-MM-DD'); // 周五日期
 
    var Saturday = moment(timeNow).subtract(weekOfday - 6, 'days').format('YYYY-MM-DD'); // 周六日期
 
    var Sunday = moment(timeNow).add(7 - weekOfday, 'days').format('YYYY-MM-DD'); // 周日日期

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

官网摘录：

日期格式化

moment().format('MMMM Do YYYY, h:mm:ss a'); // 五月 27日 2020, 4:47:31 下午
moment().format('dddd');                    // 星期三
moment().format("MMM Do YY");               // 5月 27日 20
moment().format('YYYY [escaped] YYYY');     // 2020 escaped 2020
moment().format();                          // 2020-05-27T16:47:31+08:00

相对时间

moment("20111031", "YYYYMMDD").fromNow(); // 9 年前
moment("20120620", "YYYYMMDD").fromNow(); // 8 年前
moment().startOf('day').fromNow();        // 17 小时前
moment().endOf('day').fromNow();          // 7 小时内
moment().startOf('hour').fromNow();       // 1 小时前

日历时间

moment().subtract(10, 'days').calendar(); // 2020/05/17
moment().subtract(6, 'days').calendar();  // 上星期四16:47
moment().subtract(3, 'days').calendar();  // 上星期日16:47
moment().subtract(1, 'days').calendar();  // 昨天16:47
moment().calendar();                      // 今天16:47
moment().add(1, 'days').calendar();       // 明天16:47
moment().add(3, 'days').calendar();       // 下星期六16:47
moment().add(10, 'days').calendar();      // 2020/06/06

多语言支持

moment.locale();         // zh-cn
moment().format('LT');   // 16:47
moment().format('LTS');  // 16:47:31
moment().format('L');    // 2020/05/27
moment().format('l');    // 2020/5/27
moment().format('LL');   // 2020年5月27日
moment().format('ll');   // 2020年5月27日
moment().format('LLL');  // 2020年5月27日下午4点47分
moment().format('lll');  // 2020年5月27日 16:47
moment().format('LLLL'); // 2020年5月27日星期三下午4点47分
moment().format('llll'); // 2020年5月27日星期三 16:47

整理了一小部分常用的，想要详细了解使用的。下面是两个常用的链接地址，仅供参考

1. moment.js地址: https://github.com/moment/moment
2. 前端开源项目 CDN 加速服务，基本上所有的开源js都能在上面找到: https://www.bootcdn.cn/

到此这篇关于moment.js-时间日期处理详解的文章就介绍到这了,更多相关moment.js-时间日期处理内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

JavaScript使用slice函数获取数组部分元素的方法
这篇文章主要介绍了JavaScript使用slice函数获取数组部分元素的方法,涉及javascript中slice方法的使用技巧,非常具有实用价值,需要的朋友可以参考下
2015-04-04
javascript实现数字时钟效果
这篇文章主要为大家详细介绍了javascript实现数字时钟效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-02-02
JS实现的自定义水平滚动字体插件完整实例
这篇文章主要介绍了JS实现的自定义水平滚动字体插件,以完整实例形式分析了javascript自定义水平滚动字体插件的定义、原理与使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2016-06-06
Javascript连接Access数据库完整实例
这篇文章主要介绍了Javascript连接Access数据库的方法,涉及javascript针对access数据库的连接、关闭及增删改查等常用操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-08-08
React中过渡动画的编写方式实例详解
在开发中我们想要给一个组件的显示和消失添加某种过渡动画,可以很好的增加用户体验,下面这篇文章主要给大家介绍了关于React中过渡动画的编写方式,需要的朋友可以参考下
2022-10-10
JavaScript 模拟用户单击事件
单击一个按钮或超链接，然后会出现其他的超链接，这时要让其中的一个超链接被单击，以显示一个初始页面。（公司页面使用了frameset）很显然，之后的超链接单击事件需要通过JavaScript来触发。
2009-12-12
利用JS解决ie6不支持max-width,max-height问题的方法
本篇文章主要介绍了利用JS解决ie6不支持max-width,max-height问题的方法。需要的朋友可以过来参考下，希望对大家有所帮助
2014-01-01
JavaScript中数组成员的添加、删除介绍
这篇文章主要介绍了JavaScript中数组成员的添加、删除介绍,本文主要讲解push()、unshift()、pop()、shift()等函数的应用,需要的朋友可以参考下
2014-12-12
使用javaScript实现鼠标拖拽事件
这篇文章主要为大家详细介绍了使用javaScript实现鼠标拖拽事件的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-09-09
jquery实现右侧栏菜单选择操作
这篇文章主要为大家详细介绍了jquery实现右侧栏菜单选择操作，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-03-03