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


推荐阅读
  • dotnet 通过 Elmish.WPF 使用 F# 编写 WPF 应用
    本文来安利大家一个有趣而且强大的库,通过F#和C#混合编程编写WPF应用,可以在WPF中使用到F#强大的数据处理能力在GitHub上完全开源Elmis ... [详细]
  • 本文详细介绍了在企业级项目中如何优化 Webpack 配置,特别是在 React 移动端项目中的最佳实践。涵盖资源压缩、代码分割、构建范围缩小、缓存机制以及性能优化等多个方面。 ... [详细]
  • 使用 GitHub、JSDelivr、PicGo 和 Typora 构建高效的图床解决方案
    本文详细介绍了如何利用 GitHub 仓库、JSDelivr CDN、PicGo 图床工具和 Typora 编辑器,搭建一个高效且免费的图床系统。通过此方案,用户可以轻松管理和上传图片,并在 Markdown 文档中快速插入高质量的图片链接。 ... [详细]
  • Babylon.js 实例展示
    探索 Babylon.js 的强大功能,通过全屏演示体验其卓越性能。本文提供在线文档链接和默认渲染管线的源码调试地址,帮助您深入了解 Babylon.js 的工作原理。 ... [详细]
  • 本文详细介绍了Git分布式版本控制系统中远程仓库的概念和操作方法。通过具体案例,帮助读者更好地理解和掌握如何高效管理代码库。 ... [详细]
  • 本文探讨了如何在 PHP 的 Eloquent ORM 中实现数据表之间的关联查询,并通过具体示例详细解释了如何将关联数据嵌入到查询结果中。这不仅提高了数据查询的效率,还简化了代码逻辑。 ... [详细]
  • 本文介绍了如何利用npm脚本和concurrently工具,实现本地开发环境中多个监听服务的同时启动,包括HTTP服务、自动刷新、Sass和ES6支持。 ... [详细]
  • 微软Exchange服务器遭遇2022年版“千年虫”漏洞
    微软Exchange服务器在新年伊始遭遇了一个类似于‘千年虫’的日期处理漏洞,导致邮件传输受阻。该问题主要影响配置了FIP-FS恶意软件引擎的Exchange 2016和2019版本。 ... [详细]
  • 探讨了小型企业在构建安全网络和软件时所面临的挑战和机遇。本文介绍了如何通过合理的方法和工具,确保小型企业能够有效提升其软件的安全性,从而保护客户数据并增强市场竞争力。 ... [详细]
  • 本文详细介绍了如何在 Windows 环境下使用 node-gyp 工具进行 Node.js 本地扩展的编译和配置,涵盖从环境搭建到代码实现的全过程。 ... [详细]
  • JavaScript实现表格数据的实时筛选功能
    本文介绍如何使用JavaScript实现对表格数据的实时筛选,帮助开发者提高用户体验。通过简单的代码示例,展示如何根据用户输入的关键字动态过滤表格内容。 ... [详细]
  • Startup 类配置服务和应用的请求管道。Startup类ASP.NETCore应用使用 Startup 类,按照约定命名为 Startup。 Startup 类:可选择性地包括 ... [详细]
  • 作为一名 Ember.js 新手,了解如何在路由和模型中正确加载 JSON 数据是至关重要的。本文将探讨两者之间的差异,并提供实用的建议。 ... [详细]
  • 尽管深度学习带来了广泛的应用前景,其训练通常需要强大的计算资源。然而,并非所有开发者都能负担得起高性能服务器或专用硬件。本文探讨了如何在有限的硬件条件下(如ARM CPU)高效运行深度神经网络,特别是通过选择合适的工具和框架来加速模型推理。 ... [详细]
  • 哈密顿回路问题旨在寻找一个简单回路,该回路包含图中的每个顶点。本文将介绍如何判断给定的路径是否构成哈密顿回路。 ... [详细]
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社区 版权所有