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


推荐阅读
  • 在GitHub上克隆vue-element-admin项目时遇到依赖安装错误
    在 GitHub 上克隆 vue-element-admin 项目后,使用 `npm install` 安装依赖时遇到了未知的 Git 错误。具体错误信息为 `npm ERR! code 128`,提示命令执行失败。这可能是由于网络问题、Git 配置不正确或某些依赖包的仓库地址无效导致的。建议检查网络连接、更新 Git 版本并确保所有依赖项的 URL 正确无误。 ... [详细]
  • 如何高效启动大数据应用之旅?
    在前一篇文章中,我探讨了大数据的定义及其与数据挖掘的区别。本文将重点介绍如何高效启动大数据应用项目,涵盖关键步骤和最佳实践,帮助读者快速踏上大数据之旅。 ... [详细]
  • React项目基础教程第五课:深入解析组件间通信机制 ... [详细]
  • 本文探讨了利用Python编程语言开发自动化脚本来实现文件的全量和增量备份方法。通过详细分析不同备份策略的特点,文章介绍了如何使用Python标准库中的os和shutil模块来高效地管理和执行备份任务。此外,还提供了示例代码和最佳实践,帮助读者快速掌握自动化备份技术,确保数据的安全性和完整性。 ... [详细]
  • 开发笔记:深入解析Android自定义控件——Button的72种变形技巧
    开发笔记:深入解析Android自定义控件——Button的72种变形技巧 ... [详细]
  • 搜索引擎提示“服务不稳定可能导致访问异常”的原因分析与解决策略 ... [详细]
  • 在Ubuntu系统中配置Python环境变量是确保项目顺利运行的关键步骤。本文介绍了如何将Windows上的Django项目迁移到Ubuntu,并解决因虚拟环境导致的模块缺失问题。通过详细的操作指南,帮助读者正确配置虚拟环境,确保所有第三方库都能被正确识别和使用。此外,还提供了一些实用的技巧,如如何检查环境变量配置是否正确,以及如何在多个虚拟环境之间切换。 ... [详细]
  • 探索偶数次幂二项式系数的求和方法及其数学意义 ... [详细]
  • 本文详细介绍了 jQuery 的入门知识与实战应用,首先讲解了如何引入 jQuery 库及入口函数的使用方法,为初学者提供了清晰的操作指南。此外,还深入探讨了 jQuery 在实际项目中的多种应用场景,包括 DOM 操作、事件处理和 AJAX 请求等,帮助读者全面掌握 jQuery 的核心功能与技巧。 ... [详细]
  • 在《Python编程基础》课程中,我们将深入探讨Python中的循环结构。通过详细解析for循环和while循环的语法与应用场景,帮助初学者掌握循环控制语句的核心概念和实际应用技巧。此外,还将介绍如何利用循环结构解决复杂问题,提高编程效率和代码可读性。 ... [详细]
  • 在 openSUSE Tumbleweed 系统上搭建 51 单片机开发环境并进行编程实践。首先,通过 `sudo zypper in emacs` 命令安装文本编辑器 Emacs。接着,使用 `sudo zypper in sdcc` 安装 SDCC 编译器。最后,利用 `wget` 下载 sdcflash Python 脚本,以便于单片机的烧录和调试。此外,还介绍了如何配置开发环境,确保各组件协同工作,提高开发效率。 ... [详细]
  • 在 Windows 10 环境中,通过配置 Visual Studio Code (VSCode) 实现基于 Windows Subsystem for Linux (WSL) 的 C++ 开发,并启用智能代码提示功能。具体步骤包括安装 VSCode 及其相关插件,如 CCIntelliSense、TabNine 和 BracketPairColorizer,确保在 WSL 中顺利进行开发工作。此外,还详细介绍了如何在 Windows 10 中启用和配置 WSL,以实现无缝的跨平台开发体验。 ... [详细]
  • 从2019年AI顶级会议最佳论文,探索深度学习的理论根基与前沿进展 ... [详细]
  • PHP高性能并发处理技术深入解析
    在《PHP高性能并发处理技术深入解析》一文中,探讨了提升PHP应用性能的多种策略。首先,通过将应用程序与静态资源(如JavaScript、CSS文件及图像)分离并部署于专门的服务器上,有效减轻了主服务器的负载。其次,文章强调了页面缓存的重要性,通过缓存由应用程序生成的页面内容,不仅显著减少了CPU的使用率,还提升了用户的访问速度。对于需要动态更新的部分页面,文章也提出了相应的优化建议,确保在保持内容时效性的同时,不影响整体性能表现。 ... [详细]
  • 在Linux系统中Nginx环境下SSL证书的安装步骤与WordPress CDN的高级配置指南
    在Linux系统中,Nginx环境下安装SSL证书的具体步骤及WordPress CDN的高级配置指南。首先,安装SSL证书需要准备两个关键配置文件,并建议在操作前备份相关服务器配置文件,以确保数据安全。随后,本文将详细介绍如何在Nginx中正确配置SSL证书,以及如何优化WordPress的CDN设置,提升网站性能和安全性。 ... [详细]
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社区 版权所有