js选中起始时间使用标准时间毫秒值计算一年后的当前少一天的日期(并考虑闰年)

news2024/11/28 16:34:30

js选中起始时间使用标准时间毫秒值计算一年后的当前少一天的日期

实际代码里面带入默认日期’20230301’这个特殊日期,因为下一年的当前日期少一天为闰年的2月会有29天,使用特殊值校验代码效果图

在这里插入图片描述

在这里插入图片描述

HTML部分代码

<el-button @click="chengTime()" type="warning">按钮一</el-button>
<el-button @click="chengTimes()" type="info">按钮二</el-button>

JS部分代码

            // 将毫秒值时间转化为标准时间格式方法
            dateFormat(val){
                 let date=new Date(val);
                 let y=date.getFullYear();
                 let m=date.getMonth()+1;
                 m=m<10?'0'+m:m;
                 let d=date.getDate();
                 d=d<10?'0'+d:d;
                 let time=y+'-'+m+'-'+d;
                 return time
            },
            // 第一种方法获取开始时间计算一年后的当前时间少一天的日期
            chengTime(){
                  let timeList=[]
                  let nowtime='20230301' // 这里专门挑选了闰年2月最后一天的特殊数据进行测试
                  let nowyear=Number(nowtime.substring(0,4))+1
                  let nowmonth=nowtime.substring(4,6)
                  let nowday=nowtime.substring(6,8)
                  if(nowmonth=='02'&&nowday=='29'){
                    nowmonth='03';
                    nowday='01'
                  }
                  timeList.push((nowyear+''));
                  timeList.push(nowmonth);
                  timeList.push(nowday);
                  let timeStr=timeList[0]+'-'+timeList[1]+'-'+timeList[2]
                  let oldtime=new Date(timeStr).getTime()-3600*24*1000
                  let formattedTime=this.dateFormat(oldtime).replace("-", "").replace("-", "")
                  this.$message({
                        message: `按钮一的值,${formattedTime}`,
                        type: 'success'
                  })
            },
            // 第二种方法获取开始时间计算一年后的当前时间少一天的日期
            chengTimes(){
                  let nowtime='20230301' // 这里专门挑选了闰年2月最后一天的特殊数据进行测试
                  let nowyear=Number(nowtime.substring(0,4))+1;  // 年份上加上1获取下一年的年数据
                  let nowmonth=parseInt(nowtime.substring(4,6))-1; // 根据new Date()获取时间数据的方法,传入的月份需要减去1
                  let nowday=parseInt(nowtime.substring(6,8))-1;// 天数上减去1获取少一天的数据
                  let formattedTime=this.dateFormat(new Date(nowyear,nowmonth,nowday)).replace("-", "").replace("-", "")
                  this.$message({
                        message: `按钮二的值,${formattedTime}`,
                        type: 'error'
                  })
            }

需要注意的是:方法一在实际使用中需要考虑浏览器对于原生JS的支持版本,我在实际使用中发现低版本的好像不兼容。使用方法二的话就兼容性更好,更推荐使用方法二去获取下一年当前日期少一天的日期数据。

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

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

相关文章

多线程--11--ConcurrentHashMap

ConcurrentHashMap与HashMap等的区别 HashMap线程不安全 我们知道HashMap是线程不安全的&#xff0c;在多线程环境下&#xff0c;使用Hashmap进行put操作会引起死循环&#xff0c;导致CPU利用率接近100%&#xff0c;所以在并发情况下不能使用HashMap。 ConcurrentHashMap 主…

读书笔记-《数据结构与算法》-摘要2[冒泡排序]

冒泡排序 核心&#xff1a;冒泡&#xff0c;持续比较相邻元素&#xff0c;大的挪到后面&#xff0c;因此大的会逐步往后挪&#xff0c;故称之为冒泡。 public class BubbleSort {public static void main(String[] args) {int unsortedArray[] new int[]{6, 5, 3, 1, 8, 7, 2…

软件设计之适配器模式

类模式 我们知道插座的电压为交流电220V&#xff0c;而日常电器使用的是直流电且电压会较小&#xff0c;比如手机充电会通过插头适配器达到额定的输入电流。下面我们实现这个案例&#xff1a;将220V电压转化为5V的电压。 package Adapter.Class;public class Adapter extends …

外包干了8个月,技术退步明显.......

先说一下自己的情况&#xff0c;大专生&#xff0c;18年通过校招进入武汉某软件公司&#xff0c;干了接近4年的功能测试&#xff0c;今年年初&#xff0c;感觉自己不能够在这样下去了&#xff0c;长时间呆在一个舒适的环境会让一个人堕落! 而我已经在一个企业干了四年的功能测…

Hello World

世界上最著名的程序 from fastapi import FastAPIapp FastAPI()app.get("/") async def root():return {"message": "Hello World"}app.get("/hello/{name}") async def say_hello(name: str):return {"message": f"…

Python实现FA萤火虫优化算法优化BP神经网络回归模型(BP神经网络回归算法)项目实战

说明&#xff1a;这是一个机器学习实战项目&#xff08;附带数据代码文档视频讲解&#xff09;&#xff0c;如需数据代码文档视频讲解可以直接到文章最后获取。 1.项目背景 萤火虫算法&#xff08;Fire-fly algorithm&#xff0c;FA&#xff09;由剑桥大学Yang于2009年提出 , …

通过断点调试解决node 运行js程序直接退出(没有任何报错提示)的问题

现象&#xff1a; node运行程序直接退出&#xff0c;但是从echo $?的返回值可以知道&#xff1a; 一定出现了错误&#xff0c;但是没有显示出来 解决办法&#xff1a; 1. 使用node --inspect-brk 启动程序 然后在浏览器访问chrome://inspect 然后点击inspect 进行单步调试 …

BearPi Std 板从入门到放弃 - 引气入体篇(6)(定时器TIM2)

简介 基于前面几篇, 增加定时器方面内容&#xff0c; LED定时闪动&#xff0c; 串口定时打印; 如前几篇所说&#xff0c; 使用BearPi Std板进行学习测试, 本例 开发板 &#xff1a; Bearpi Std(小熊派标准板) 主芯片: STM32L431RCT6 LED : PC13 \ 推挽输出即可 \ 高电平点亮 …

股价暴涨192%后,夏威夷控股股票还值得买入吗?

来源&#xff1a;猛兽财经 作者&#xff1a;猛兽财经 这两家公司计划组建一个横跨太平洋的航空公司 阿拉斯加航空(ALK )近期宣布它已和夏威夷航空(HA)达成协议&#xff0c;将以19亿美元现金和承担债务的方式收购夏威夷控股的母公司。 但这一消息却使两家公司的股价走向了相反的…

QT 无法打开包括文件 “xxxx.h”: No such file or direcotry 提升控件后提示找不到头文件

问题复现 UI文件提升控件后&#xff0c;提示找不到头文件。 原因 Qt中的ui文件会经过moc编辑器生成ui_xxx.h头文件。 在主页面的ui文件中因为使用了提升的widget&#xff0c;所以ui的ui头文件因该包含自定义控件的头文件。但是头文件的路径可以看出已经错误了。 #include &…

vue3 vue-router的安装及配置 (一)

文章目录 一、安装二、Vue Router配置2.1 vue-router两种引入方式的区别2.2 不同的历史模式 三、router-link四、router-view Vue Router作用&#xff1a;在应用程序中实现优雅的导航和路由管理。 一、安装 注意&#xff1a;vue3安装的是vue-router4,vue2安装的是vue-router3…

Java核心知识点整理大全27-笔记(已完结)

目录 30. 云计算 30.1.1. SaaS 30.1.2. PaaS 30.1.3. IaaS 30.1.4. Docker 30.1.4.1. 概念 30.1.4.2. Namespaces 30.1.4.3. 进程(CLONE_NEWPID 实现的进程隔离) 30.1.4.4. Libnetwork 与网络隔离 30.1.4.5. 资源隔离与 CGroups 30.1.4.6. 镜像与 UnionFS 30.1.4.7.…

2024年天津财经大学珠江学院专升本专业课《管理学原理》考试大纲

天津财经大学珠江学院2024年高职升本科专业课考试《管理学原理》考试大纲 一、本大纲系天津财经大学珠江学院2024年高职升本科《管理学原理》课程考试大纲。所列考试范围出自徐碧琳主编的教材《管理学原理&#xff08;第二版&#xff09;》&#xff0c;机械工业出版社&#xff…

玻色量子计算应用奖公布!MathorCup大赛圆满落幕

2023年8月15日&#xff0c;中国优选法统筹法与经济数学研究会主办的2023年第十三届MathorCup高校数学建模挑战赛圆满落幕。为了培养优秀学子的创新意识及运用数学方法和量子计算技术解决实际问题的能力&#xff0c;推动量子计算的实际落地应用&#xff0c;北京玻色量子科技有限…

【读点论文】A Survey of Quantization Methods for Efficient Neural Network Inference

A Survey of Quantization Methods for Efficient Neural Network Inference Abstract 一旦抽象的数学计算适应了数字计算机的计算&#xff0c;在这些计算中如何有效地表示、处理和传递数值的问题就出现了。与数字表示问题密切相关的是量化问题:一组连续的实值数应该以何种方…

计算机专业拟招100人,只考数据结构或计算机网络!石家庄铁道大学2024年硕士研究生招生简章

石家庄铁道大学2024招生简章 计算机专业目录 计算机专业参考书目 初试书目 814 数据结构&#xff08;一&#xff09; 《数据结构&#xff08;C 语言版&#xff09;》&#xff08;第 2 版&#xff09; 人民邮电出版社&#xff0c;严蔚敏&#xff0c;李冬梅&#xff0c;吴伟民…

header二

第二题就是在referer添加SQL语句进行注入和上一题步骤一样 第三题 再用上面那个方法就行不通了&#xff0c;多加了一层过滤 1and updatexml(1,"1",1),1) -- 1 1and updatexml(1,concat("1",(select database())),1),1) -- 1 1and updatexml(1,concat("…

解决typescript报错:找不到名称xxx

现象&#xff1a; 原因&#xff1a;在同时导入默认导出和命名导出时&#xff0c;默认导出必须放在命名导出之前 下面的就是原始文件&#xff1a; 默认导出指&#xff1a; export default导出类型&#xff0c; import时无需大括号 命名导出指&#xff1a; 仅有export关键字…

全面对比:21款主流免费项目管理系统的优劣势

国内外免费的21款项目管理工具&#xff1a;1.国产研发项目管理软件- PingCode &#xff1b;2.国产免费项目协作管理工具- Worktile &#xff1b;3.个人免费项目管理软件-Teambition&#xff1b;4.开源免费项目管理系统-Redmine&#xff1b;5.免费的项目规划工具-Bitrix24 &…

SpringBoot + Spring Cloud Alibaba + Nacos实现服务管理

1、参考文档 Spring Cloud Alibaba参考文档 https://spring-cloud-alibaba-group.github.io/github-pages/hoxton/zh-cn/index.html Spring Cloud Alibaba官方文档 https://github.com/alibaba/spring-cloud-alibaba/wiki/ 2、引入 Alibaba 依赖 每个 SpringBoot 都有对应的…