实战体验moment.js时间格式化库的使用与常见问题避免
最编程
2024-08-03 20:32:07
...
前言:
moment.js是一个时间处理库,在前端经常用到比如ui框架里datePicker,rangePicker等组件会用到。
其实 现在基本主流库 都换成 day.js了,因为 它体积更小。支持模块化 ,可拓展性高。
Day.js中文网
一、moment.js
moment.js官方api
二、使用时出现的错误及踩坑
1.Invalid date(无效的日期)
说明你传入的值不是个有效的日期(找了好久才找到)。
moment('1616486656000'); //这样是可以的
moment('1616486656000').format('YYYY-MM-DD');//这样就不行报Invalid date
moment(Number('1616486656000')).format('YYYY-MM-DD');//这样就行 毫秒数类型必须为数组不能时字符串 会把毫秒数转换为2020-03-23格式的时间
三、项目中用到的函数
工作日:
是指周一到周五(不包含周六日)
自然日:
周一到周日
1.获取默认时间(工作日)
2.只能选前后七天的日期(配合rangePicker)
3.计算当前日期后n个工作日(传入当前日期和,几日后的天数)
4.是否为周末(传入一个日期)
5.moment.js 格式化时间带毫秒数(传入一个时间戳也行)
注意:这个是对版本有要求
从 2.10.5 版本开始:长度为 4 到 9 位的带分数的秒钟令牌可以解析任意数量的数字,但只会考虑前 3 个数(毫秒)。 如果需要打印带有多位分数且想要消耗输入的时间,则使用它。
注意,仅在严格模式中解析时,提供的 S
字符的数量才有意义。 在标准模式中,S
、SS
、SSS
、SSSS
均等效,并解释为几分之一秒。 例如,.12
始终为 120 毫秒,传入 SS
不会导致其被解释为 12 毫秒。
所以使用这个moment.js版本需要大于等于2.10.5(总之尽量使用最新版本)
moment.js格式化
//格式 :"YYYY-MM-DD HH:mm:ss.SSS"
moment(new Date().getTime()).format("YYYY-MM-DD HH:mm:ss.SSS")
6. js 计算两个日期间所有的日期(moment.js实现)
js 计算两个日期间所有的日期(moment.js实现)_崽崽的谷雨的博客-****博客
推荐阅读
-
实战体验moment.js时间格式化库的使用与常见问题避免
-
【2022新手指南】Java编程进阶之路 - 六、技术架构篇 ### MySQL索引底层解析与优化实战 - 你会讲解MySQL索引的数据结构吗?性能调优技巧知多少? - Redis深度揭秘:你知道多少?从基础到哨兵、主从复制全梳理 - Redis持久化及哨兵模式详解,还有集群搭建和Leader选举黑箱打开 - Zookeeper是个啥?特性和应用场景大公开 - ZooKeeper集群搭建攻略及 Leader选举、读写一致性、共享锁实现细节 - 探究ZooKeeper中的Leader选举机制及其在分布式环境中的作用 - Zab协议深入剖析:原理、功能与在Zookeeper中的核心地位 - RabbitMQ全方位解读:工作模式、消费限流、可靠投递与配置策略 - 设计者视角:RabbitMQ过期时间、死信队列与延时队列实践指南 - RocketMQ特性和应用场景揭示:理解其精髓与差异化优势 - Kafka详细介绍:特性及广泛应用于实时数据处理的场景解析 - ElasticSearch实力揭秘:特性概述与作为搜索引擎的广泛应用 - MongoDB认知升级:非关系型数据库的优势阐述,安装与使用实战教学 - BIO/NIO/AIO网络模型对比:掌握它们的区别与在网络编程中的实际应用 - Netty带你飞:理解其超快速度背后的秘密,包括线程模型分析 - 网络通信黑科技:Netty编解码原理与常用编解码器的应用,Protostuff实战演示 - 解密Netty粘包与拆包现象,怎样有效应对这一常见问题 - 自定义Netty心跳检测机制,轻松调整检测间隔时间的艺术 - Dubbo轻骑兵介绍:核心特性概览,服务降级实战与其实现益处 - Dubbo三大神器解读:本地存根与本地伪装的实战运用与优势呈现 ----------------------- 七、结语与回顾