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

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的支持版本,我在实际使用中发现低版本的好像不兼容。使用方法二的话就兼容性更好,更推荐使用方法二去获取下一年当前日期少一天的日期数据。

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

微信聊天窗口测试用例

以前没测过客户端的测试&#xff0c;昨天面试被问到聊天窗口测试场景设计&#xff0c;感觉自己答的不好&#xff0c;结束后上网查了一下客户端/app测试的要点&#xff0c;按照测试策略来分&#xff0c;主要涉及到如下测试类型&#xff1a; 1、功能测试 2、性能测试 3、界面测试…

第73讲:深入理解MySQL数据库InnoDB存储引擎:内存结构、磁盘结构与后台线程全面解析

文章目录 1.InnoDB存储引擎的架构2.InnoDB存储引擎的内存结构2.1.Buffer Pool缓冲池2.2.Change Buffer更改缓冲区2.3.自适应Hash索引2.4.Log Buffer日志缓冲区 3.InnoDB存储引擎的磁盘结构3.1.System Tablespace系统表空间3.2.File-Per-Table Tablespaces每个表都有单独的表空间…

ROS话题通信基本操作(C++)

目录 一、发布 1、实现步骤 2、代码实例 二、接收 1、实现步骤 2、代码实例 三、配置运行 1、修改CMakeLists.txt 2、运行结果 一、发布 1、实现步骤 1.包含头文件 2.初始化 ROS 节点:命名(唯一) 3.实例化 ROS 句柄 4.实例化 发布者 对象 5.组织被发布的数据&#…

大学里面转专业介绍

目录 个人情况转专业过程中的经验分享转专业后的学习建议和心态调整转专业后的时间平衡 个人情况 信息科学与工程学院计算机科学与技术专业2019级本科生&#xff0c;曾从物理与微电子科学学院后转入信息科学与技术学院。学习成绩连续三年专业前10% 项目&#xff1a;爬虫项目、…

AIGC+医疗专题:生成式人工智能于医疗健康

今天分享的是AI系列深度研究报告&#xff1a;《AIGC医疗专题&#xff1a;生成式人工智能于医疗健康》。 &#xff08;报告出品方&#xff1a;AREFACT&#xff09; 报告共计&#xff1a;23页 医疗保健中生成性人工智能的崛起: 在承诺与控制之间导航 Generative Al已经历了大规…

【开源】基于Vue.js的实验室耗材管理系统

文末获取源码&#xff0c;项目编号&#xff1a; S 081 。 \color{red}{文末获取源码&#xff0c;项目编号&#xff1a;S081。} 文末获取源码&#xff0c;项目编号&#xff1a;S081。 目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 耗材档案模块2.2 耗材入库模块2.3 耗…

NowCoder | KY11 二叉树遍历

NowCoder | KY11 二叉树遍历 OJ链接 简单来说就是构建这个二叉树定义结构体通过递归方式根据输入的字符串构建二叉树。对于输入字符串中的每个字符&#xff0c;如果是 ‘#’ 表示空节点&#xff0c;否则创建一个新节点&#xff0c;并递归地构建左右子树。 #include <limit…

五个轻量级免费 PDF 阅读器

便携式文档格式 (PDF) 是商业中最常用的文档类型之一。它们不仅是创建精心设计的文档的更通用的解决方案&#xff0c;而且还具有交互性和安全性。因此&#xff0c;对于寻求具有专业外观的文档的企业来说&#xff0c;PDF 是理所当然的选择。 当谈到查看这些文档时&#xff0c;大…

BUU SQL COURSE 1

四 发现有登录框&#xff0c;爆破半天也爆破不出来&#xff0c;只能从别的地方下手了 F12一下 发现了一个传参 进去发现id可以传参&#xff0c;sql注入一下试试 前三个都有回显&#xff0c;当id4的时候页面没有回显了&#xff0c;正好验证 了页面 有三个新闻 当order by 3的时…

交通强国添力量 无人机巡航为何备受期待?

在高速建设交通强国的过程中&#xff0c;交通运输部海事局计划完善“陆海空天”一体化水上交通运输安全保障体系。无人机巡航系统将在提升海事船舶监管和水上搜救能力方面发挥关键作用&#xff0c;以构建更为全面的监管体系。尽管已初步建立了海事监管体系&#xff0c;但仍存在…

大佬齐聚首钢园,会碰撞出什么火花-百度APOLLO线下沙龙

陈老老老板&#x1f9d9;‍♂️ &#x1f46e;‍♂️本文专栏&#xff1a;生活&#xff08;主要讲一下自己生活相关的内容&#xff09; &#x1f934;本文简述&#xff1a;生活就像海洋,只有意志坚强的人,才能到达彼岸 &#x1f473;‍♂️上一篇文章&#xff1a; 年度总结-你觉…

接口测试详解,一篇足矣。。

本文主要分为两个部分&#xff1a; 第一部分&#xff1a;主要从问题出发&#xff0c;引入接口测试的相关内容并与前端测试进行简单对比&#xff0c;总结两者之前的区别与联系。但该部分只交代了怎么做和如何做&#xff1f;并没有解释为什么要做&#xff1f; 第二部分&#xf…

Java画爱心

Java画爱心代码&#xff0c;每个人都可以被需要 效果图 源代码 package com.example.test; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.Image; import java.awt.Toolkit; import javax.swing.JFrame; class Cardioid extend…

Echarts大屏可视化_02 球体模块制作

继续跟着b站大佬pink老师学大屏可视化 球体模块制作 1.球体模块布局 HTML <div class"column"><div class"no"><div class"no-hd"><ul><li>125811</li><li>104563</li></ul></div&g…

Node-red在Windows上离线部署

Node-red在Windows上离线部署 前言 在实际项目的使用过程中&#xff0c;生产环境的服务器很多情况下是不允许使用外部网络的&#xff0c;因此&#xff0c;基于npm直接安装的模式&#xff0c;在很多情况下不适用&#xff0c;需要考虑如何将Node-red进行离线安装&#xff1b; …

RH850P1X芯片学习笔记-Overview

文章目录 Outline产品列表功能框图特点Pin和引脚功能CPU系统CPUFPU浮点运算单元中断处理保护机制指令缓存Local RAMGlobal RAM处理器间通信和相互排斥机制 操作模式中断功能DMA电源供电Reset控制单元时钟控制单元CSIH-SPIMCAN看门狗计时器系统计时器GTM通用定时器模块外设互联P…

使用python+poco+夜神模拟器进行自动化测试实例

网易最近出的一款自动化UI测试工具&#xff1a;Airtest 挺火的&#xff0c;还受到谷歌的推荐。我试着用了一下&#xff0c;感觉优缺点还是蛮明显的。对初学者来说&#xff0c;能用到的也就是图像识别的功能&#xff0c;这块做得比老牌的按键精灵弱很多。不过Airtest集合了poco框…

windows10系统下替换、修改jar中的文件并重新打包成jar文件然后运行

目录 1、jar文件简述2、问题来源3、操作步骤3.1 解压jar包3.2 替换或者更改操作3.3 重新打成jar包3.4 确认是否修改成功3.5 运行程序 附录&#xff1a;常见命令参数 1、jar文件简述 JAR 文件就是 Java Archive &#xff08; Java 档案文件&#xff09;&#xff0c;它是 Java 的…

四川柩震栩电子商务有限公司可靠吗?

作为当今互联网时代的领军者&#xff0c;抖音已经成为了一个家喻户晓的平台。而在这个平台上&#xff0c;一家名为四川柩震栩电子商务有限公司的企业也崭露头角&#xff0c;他们的电商服务正改变着整个电商行业的格局。 四川柩震栩电子商务有限公司是一家充满活力和创新精神的企…

字节跳动开源基于SD1.5的 MagicAnimate 一张照片秒变真人舞蹈视频

从今天起&#xff0c;在社交平台上看到的小姐姐舞蹈短视频很可能就是AI生成的。字节跳动新开源基于SD1.5的MagicAnimate&#xff0c;它只需要一张照片和一组动作&#xff0c;就能生成近似真人的舞蹈视频。 项目地址&#xff1a;MagicAnimate使用入口地址 Ai模型最新工具和软件a…