对js的Date二次封装,继承了原Date的所有方法,增加了自己扩展的方法,可以实现任意时间往前往后推算多少小时、多少天、多少周、多少月;

封装js时间工具

概述
该方法继承了 js 中 Date的所有方法;同时扩展了一部分自用方法:
1、任意时间 往前推多少小时,天,月,周;参数1、2必填,参数3可选
beforeDate(num,formatter,dateVal);
beforeMonth(num,formatter,dateVal);
beforeWeek(num,formatter,dateVal);
beforeHour(num,formatter,dateVal);
2、任意时间 往后推多少小时,天,月,周;参数1、2必填,参数3可选
afterDate(num,formatter,dateVal);
aftereMonth(num,formatter,dateVal);
afterWeek(num,formatter,dateVal);
afterHour(num,formatter,dateVal);
使用方法

1、导入:
import myDate from './myDate.js';
2、初始化:
const myDateTool = new myDate(); // 参数可选
3、使用:

/*
formatter时间格式如下:
YYYY-MM-DD、YYYY-MM-DD hh、YYYY-MM-DD hh:mm、YYYY-MM-DD hh:mm:ss
*/
//方法名(num,formatter,dateVal)
//num 数字,formatter希望返回的日期格式,dateVal日期(可选)
/**************************往前推算*****************************/
//示例1 获取5天前的日期
console.log(tool.beforeDate(5, 'YYYY-MM-DD','2025-04-29')); 
//2025-04-24//示例2 获取3月前的日期
console.log(tool.beforeMonth(2, 'YYYY-MM-DD hh','2025-04-29'));
//2025-03-01 17    2月只有28天,所以推算到3月1日//示例3 获取2周前的日期 
console.log(tool.beforeWeek(2, 'YYYY-MM-DD hh:mm','2025-04-29')); 
//2025-04-15 17:13//示例4 获取20小时前的日期 
console.log(tool.beforeHour(20, 'YYYY-MM-DD hh:mm:ss','2025-04-29'));
//2025-04-28 21:16:33/**************************往后推算*****************************/
//示例1 获取2天后的日期
console.log(tool.afterDate(2, 'YYYY-MM-DD','2025-04-29')); 
//2025-05-01//示例2 获取1个月后的日期
console.log(tool.afterMonth(1, 'YYYY-MM-DD hh','2025-04-29'));
//2025-05-29 17//示例3 获取3周后的日期 
console.log(tool.afterWeek(3, 'YYYY-MM-DD hh:mm','2025-04-29'));
//2025-05-20 17:18 //示例4 获取12小时后的日期 
console.log(tool.afterHour(12, 'YYYY-MM-DD hh:mm:ss','2025-04-29'));
//2025-04-30 05:18:08
具体代码如下
class myDate extends Date {constructor(date) {super(date || new Date());}// 私有方法:检查日期字符串是否包含时间部分_hasTimePart(dateString) {return /[\sT]\d{1,2}:\d{2}/.test(dateString);}// 私有格式化方法_format(date, formatter) {const year = date.getFullYear();const month = String(date.getMonth() + 1).padStart(2, '0');const day = String(date.getDate()).padStart(2, '0');const hours = String(date.getHours()).padStart(2, '0');const minutes = String(date.getMinutes()).padStart(2, '0');const seconds = String(date.getSeconds()).padStart(2, '0');return formatter.replace(/YYYY/g, year).replace(/MM/g, month).replace(/DD/g, day).replace(/hh/g, hours).replace(/mm/g, minutes).replace(/ss/g, seconds);}// 通用时间计算方法_calculateTime(unit, num, formatter, dateVal, isBefore = true) {let baseDate;if (dateVal !== undefined) {baseDate = new Date(dateVal);// 检查是否为字符串且不含时间部分if (typeof dateVal === 'string' && !this._hasTimePart(dateVal)) {const now = new Date();baseDate.setHours(now.getHours());baseDate.setMinutes(now.getMinutes());baseDate.setSeconds(now.getSeconds());baseDate.setMilliseconds(now.getMilliseconds());}} else {baseDate = new Date(this.getTime());}const newDate = new Date(baseDate);const modifier = isBefore ? -num : num;switch (unit) {case 'date':newDate.setDate(newDate.getDate() + modifier);break;case 'month':newDate.setMonth(newDate.getMonth() + modifier);break;case 'hour':newDate.setHours(newDate.getHours() + modifier);break;}return this._format(newDate, formatter);}// 各时间计算方法保持不变beforeDate(num, formatter, dateVal) {return this._calculateTime('date', num, formatter, dateVal);}beforeMonth(num, formatter, dateVal) {return this._calculateTime('month', num, formatter, dateVal);}beforeWeek(num, formatter, dateVal) {return this.beforeDate(num * 7, formatter, dateVal);}beforeHour(num, formatter, dateVal) {return this._calculateTime('hour', num, formatter, dateVal);}afterDate(num, formatter, dateVal) {return this._calculateTime('date', num, formatter, dateVal, false);}afterMonth(num, formatter, dateVal) {return this._calculateTime('month', num, formatter, dateVal, false);}afterWeek(num, formatter, dateVal) {return this.afterDate(num * 7, formatter, dateVal);}afterHour(num, formatter, dateVal) {return this._calculateTime('hour', num, formatter, dateVal, false);}
}export default myDate;

这是自用,可能存在一些问题,发现后再处理

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/81072.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

TimeDistill:通过跨架构蒸馏的MLP高效长期时间序列预测

原文地址:https://arxiv.org/abs/2502.15016 发表会议:暂定(但是Star很高) 代码地址:无 作者:Juntong Ni (倪浚桐), Zewen Liu (刘泽文), Shiyu Wang&…

DeepSeek最新大模型发布-DeepSeek-Prover-V2-671B

2025 年 4 月 30 日,DeepSeek 开源了新模型 DeepSeek-Prover-V2-671B,该模型聚焦数学定理证明任务,基于混合专家架构,使用 Lean 4 框架进行形式化推理训练,参数规模达 6710 亿,结合强化学习与大规模合成数据…

如何用AI生成假期旅行照?

以下是2025年最新AI生成假期旅行照片的实用工具推荐及使用指南,结合工具特点、研发背景和适用场景进行综合解析: 一、主流AI旅行照片生成工具推荐与对比 1. 搜狐简单AI(国内工具) • 特点: • 一键优化与背景替换&…

ElaticSearch

ElaticSearch: 全文搜索 超级强,比如模糊查询、关键词高亮等 海量数据 高效查询,比传统关系数据库快得多(尤其是搜索) 灵活的数据结构(Schema灵活,可以动态字段) 分布式高可用,天…

Android开发,实现一个简约又好看的登录页

文章目录 1. 编写布局文件2.设计要点说明3. 效果图4. 关于作者其它项目视频教程介绍 1. 编写布局文件 编写activity.login.xml 布局文件 <?xml version"1.0" encoding"utf-8"?> <androidx.appcompat.widget.LinearLayoutCompat xmlns:android…

机器学习:【抛掷硬币的贝叶斯后验概率】

首先,抛硬币的问题通常涉及先验概率、似然函数和后验概率。假设用户可能想通过观察一系列的正面(H)和反面(T)来更新硬币的偏差概率。例如,先验可能假设硬币是均匀的,但随着观察到更多数据,用贝叶斯定理计算后验分布。 通常,硬币的偏差可以用Beta分布作为先验,因为它…

Echarts 问题:自定义的 legend 点击后消失,格式化 legend 的隐藏文本样式

文章目录 问题分析实现步骤代码解释问题 如下图所示,在自定义的 legend 点击后会消失 分析 我把隐藏的图例字体颜色设为灰色,可以借助 legend.formatter 和 legend.textStyle 结合 option.series 的 show 属性来达成。以下是具体的实现步骤和示例代码: <!DOCTYPE ht…

光谱相机如何提升目标检测与识别精度

光谱相机&#xff08;多光谱/高光谱&#xff09;通过捕捉目标在多个波段的光谱特征&#xff0c;能够揭示传统RGB相机无法感知的材质、化学成分及物理特性差异。以下是提升其目标检测与识别精度的核心方法&#xff1a; ‌1. 硬件优化&#xff1a;提升数据质量‌ ‌(1) 光谱分辨…

springboot项目配置nacos,指定使用环境

遇到这样一个问题&#xff0c;在开发、测试、生成环境之间切换的问题。 大多数的操作是通过修改spring.profiles.active来确定指向使用的环境配置文件&#xff0c;对应项目中需要增加对应的配置文件。 但是现在几乎所有公司都会有代码管理不管是SVN、git&#xff0c;这样就会涉…

AI代码审查的落地实施方案 - Java架构师面试实战

AI代码审查的落地实施方案 - Java架构师面试实战 本文通过模拟一位拥有十年Java研发经验的资深架构师马架构与面试官之间的对话&#xff0c;深入探讨了AI代码审查的落地实施方案。 第一轮提问 面试官&#xff1a; 马架构&#xff0c;请介绍一下您对AI代码审查的理解。 马架…

TDengine 订阅不到数据问题排查

简介 TDengine 在实际生产应用中&#xff0c;经常会遇到订阅程序订阅不到数据的问题&#xff0c;总结大部分都为使用不当或状态不正确等问题&#xff0c;需手工解决。 查看服务端状态 通过 sql 命令查看有问题的 topic 和consumer_group 组订阅是否正常。 select * from inf…

二、UI自动化测试02--元素定位方法

目录 一、定位⼀组元素⽅法二、XPath 定位⽅法1. 路径策略1.1 路径值获取⽅法 2. 利⽤元素属性策略利⽤元素属性策略的注意事项 3. 属性和逻辑结合4. 层级和属性结合策略5. XPath 延伸⽅法 三、CSS 定位⽅法1. CSS 策略: id选择器/class选择器/元素选择器/属性选择器2. 属性选择…

HotSpot的算法细节

可达性分析算法 以一系列“GC Roots”根对象作为起始节点集&#xff0c;从这些节点开始&#xff0c;根据引用关系向下搜索&#xff0c;搜索过程所走过的路径称为“引用链”&#xff08;Reference Chain&#xff09;&#xff0c;如果某个对象到GC Roots间没有任何引用链相连&am…

Transformer数学推导——Q27 证明时序注意力(Temporal Attention)在视频模型中的帧间依赖建模

该问题归类到Transformer架构问题集——注意力机制——跨模态与多模态。请参考LLM数学推导——Transformer架构问题集。 在视频理解任务中&#xff0c;捕捉帧与帧之间的时间依赖关系&#xff08;如动作的连贯性、物体的运动轨迹&#xff09;是核心挑战。时序注意力&#xff08…

服务器和数据库哪一个更重要

在当今数字化的时代&#xff0c;服务器和数据库都是构建和运行各种应用系统的关键组成部分&#xff0c;要说哪一个更重要&#xff0c;其实很难简单地给出定论。 服务器就像是一个强大的引擎&#xff0c;为应用程序提供了稳定的运行环境和高效的计算能力。它负责接收和处理来自…

【Android】四大组件之Service

目录 一、什么是Service 二、启停 Service 三、绑定 Service 四、前台服务 五、远程服务扩展 六、服务保活 七、服务启动方法混用 你可以把Service想象成一个“后台默默打工的工人”。它没有UI界面&#xff0c;默默地在后台干活&#xff0c;比如播放音乐、下载文件、处理…

pytest 技术总结

目录 一 pytest的安装&#xff1a; 二 pytest有三种启动方式&#xff1a; 三 用例规则&#xff1a; 四 配置框架&#xff1a; 一 pytest的安装&#xff1a; pip install pytest # 安装 pip install pytest -U # 升级到最新版 二 pytest有三种启动方式&#xff1a; 1…

redis 有序集合zrange和zrangebyscore的区别

起因是查询数据&#xff0c;用了zrangebyscore 但是一直显示没数据 具体命令zrangebyscore key 0 -1 withscores, 原有印象中一直是这么用的&#xff0c;但是突然查不出来了&#xff0c; 于是搜了下问题所在。 通过分数查看 不能用0和-1表示最小和最大&#xff0c;只能用分数来…

Tableau 基础表制作

目录 1.数据连接 2. 数据可视化 3. 基础表制作 3.1 对比分析&#xff1a;比大小 1. 柱状图 2. 条形图 3. 热力图 4. 气泡图 5. 词云 3.2 变化分析&#xff1a;看趋势 1. 折线图 2. 面积图 3.3 构成分析&#xff1a;看占比 1. 饼图 2. 树地图 3. 堆积图 3.4 关…