热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

moment.js时间日期处理详解

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

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-时间日期处理内容请搜索编程笔记以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程笔记!


推荐阅读
  • 本文提供了一个详尽的前端开发资源列表,涵盖了从基础入门到高级应用的各个方面,包括HTML5、CSS3、JavaScript框架及库、移动开发、API接口、工具与插件等。 ... [详细]
  • 本文详细介绍了如何在VSCode环境中配置Prettier工具以支持TypeScript项目,同时结合ESLint实现代码风格的一致性和自动化格式化。 ... [详细]
  • 本文探讨了在不同场景下如何高效且安全地存储Token,包括使用定时器刷新、数据库存储等方法,并针对个人开发者与第三方服务平台的不同需求提供了具体建议。 ... [详细]
  • Web开发实践:创建连连看小游戏
    本文详细介绍了如何在Web环境中开发一款连连看小游戏,适合初学者和技术爱好者参考。通过本文,您将了解游戏的基本结构、连线算法以及实现方法。 ... [详细]
  • 宝塔面板下启用HTTPS的详细指南
    本文提供了在宝塔面板环境中配置HTTPS的具体步骤,确保您的网站通信更加安全可靠。 ... [详细]
  • Docker基础入门与环境配置指南
    本文介绍了Docker——一款用Go语言编写的开源应用程序容器引擎。通过Docker,用户能够将应用及其依赖打包进容器内,实现高效、轻量级的虚拟化。容器之间采用沙箱机制,确保彼此隔离且资源消耗低。 ... [详细]
  • selenium通过JS语法操作页面元素
    做过web测试的小伙伴们都知道,web元素现在很多是JS写的,那么既然是JS写的,可以通过JS语言去操作页面,来帮助我们操作一些selenium不能覆盖的功能。问题来了我们能否通过 ... [详细]
  • 页面预渲染适用于主要包含静态内容的页面。对于依赖大量API调用的动态页面,建议采用SSR(服务器端渲染),如Nuxt等框架。更多优化策略可参见:https://github.com/HaoChuan9421/vue-cli3-optimization ... [详细]
  • Hadoop MapReduce 实战案例:手机流量使用统计分析
    本文通过一个具体的Hadoop MapReduce案例,详细介绍了如何利用MapReduce框架来统计和分析手机用户的流量使用情况,包括上行和下行流量的计算以及总流量的汇总。 ... [详细]
  • 深入理解iOS中的链式编程:以Masonry为例
    本文通过介绍Masonry这一轻量级布局框架,探讨链式编程在iOS开发中的应用。Masonry不仅简化了Auto Layout的使用,还提高了代码的可读性和维护性。 ... [详细]
  • WebBenchmark:强大的Web API性能测试工具
    本文介绍了一款名为WebBenchmark的Web API性能测试工具,该工具不仅支持HTTP和HTTPS服务的测试,还提供了丰富的功能来帮助开发者进行高效的性能评估。 ... [详细]
  • Adversarial Personalized Ranking for Recommendation
    目录概主要内容基础对抗扰动对抗训练细节代码HeX.,HeZ.,DuX.andChuaT.Adversarialpersonalizedrankingforrecommendatio ... [详细]
  • Excel技巧:单元格中显示公式而非结果的解决方法
    本文探讨了在Excel中如何通过简单的方法解决单元格显示公式而非计算结果的问题,包括使用快捷键和调整单元格格式两种方法。 ... [详细]
  • 本文探讨了如何使用Scrapy框架构建高效的数据采集系统,以及如何通过异步处理技术提升数据存储的效率。同时,文章还介绍了针对不同网站采用的不同采集策略。 ... [详细]
  • 一、使用Microsoft.Office.Interop.Excel.DLL需要安装Office代码如下:2publicstaticboolExportExcel(S ... [详细]
author-avatar
mobiledu2502853397
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有