转自林小冉

1、页面排版

     <button onclick="before()">上一天</button><button onclick="after()">下一天</button><div id="date"></div>

2、先实例化Date

var date=new Date();

3、写入页面

var el=document.getElementById('date')//找到元素id
el.innerHTML=myGetDate()//渲染页面
//这里是用函数封装的,方便后面使用
function myGetDate(){return `${date.getFullYear()}年${date.getMonth()+1}月${date.getDate()}日`
}

4、计算上一天

function before(){date=new Date();//每次调用重新实例化Datedate.setTime(date.getTime()-(1000*60*60*24))//获取时间戳到当前时间的毫秒数减去一天时间的毫秒数el.innerHTML=myGetDate()//调用上面写的排版函数,渲染页面
}

5、计算下一天

function after(){date=new Date();date.setTime(date.getTime()+(1000*60*60*24))el.innerHTML=myGetDate()
}

下一天计算与上一天同理,只需把减改成加就可以了

整体代码结构

<body><button onclick="before()">上一天</button><button onclick="after()">下一天</button><div id="date"></div>
</body>
<script>var date = new Date();var el = document.getElementById('date')el.innerHTML = myGetDate()function myGetDate() {return `${date.getFullYear()}年${date.getMonth() + 1}月${date.getDate()}日`}function before() {date = new Date();date.setTime(date.getTime() - (1000 * 60 * 60 * 24))el.innerHTML = myGetDate()}function after() {date = new Date();date.setTime(date.getTime() + (1000 * 60 * 60 * 24))el.innerHTML = myGetDate()}
</script>

JavaScript计算日期前一天和后一天相关推荐

  1. 提供源码:java获取节假日、工作日,存入数据库,查找指定日期前一天,后一天。

    提供源码:java获取节假日.工作日,存入数据库,查找指定日期前一天,后一天. 码云地址: https://gitee.com/guyuanman/holiday 业务场景: 好多公司的业务在处理的时 ...

  2. Java获取指定日期前一天、后一天,当月第一天、当月最后一天

    文章目录 一.获取指定日期的前一天.后一天的时间 拿到今天的前一天.后一天 获取指定日期的前一天 获取指定日期的后一天 二.日期格式转换:yyyy-MM转为yyyyMM 三.自然月计算 获取 [ 当月 ...

  3. Javascript计算日期间隔

    本脚本的功能 1.可以直接计算某一日期后的具体天数是什么日期并显示该天为星期几. 2.可以直接计算某一日期前的具体天数是什么日期并显示该天为星期几.(输入负数) 2.可以直接计算两段日期之间的天数即日 ...

  4. JS计算日期加天数后的日期(起始日期+有效天数=截至日期)

    /*** 优惠券有效期* startDate:起始日期* valueTime:有效天数*/function transferCouponValueTime(startDate,valueTime){v ...

  5. javaScript 计算两个日期的天数相差~~~

    一:计算两个日期相差的天数 比如:    str1  =  "2002-01-20"    str2  =  "2002-10-11"   怎样用javaScr ...

  6. MYSQL中日期加减(前一天、后一天等)以及格式化的函数

    文章目录 序言 日期的加减 date_add和date_sub 日期的格式化 date_format 日期的差值 datediff timestampdiff 序言 最近在写定时任务,查询条件中反复的 ...

  7. T-SQL自定义函数返回前一天或后一天日期

    下面两个自定义函数,一个是获取指定的前一天的日期,另外一个是获取指定日期的后一天日期.开发企业内网软件常用,为了更好的的规范和代码维护,Insus.NET常会把一些重复使用的代码,重构为函数. 返回前 ...

  8. php获得前一天,php 获取前一天、后一天等日期的方法

    php 获取前一天.后一天等日期的方法 //默认时区 echo "今天:",date("Y-m-d",time())," "; echo & ...

  9. JavaScript计算两个日期相差天数/分钟/小时

    /*** 日期相减获取天数(用于公式计算)* @param date1 日期一 例如:"{'value':'2020-06-05','date_format':'yyyy-MM-dd'}&q ...

最新文章

  1. 2016百度实习编程题:括号序列
  2. postman无法获得响应_【原创翻译】POSTMAN从入门到精通系列(二):发送第一个请求...
  3. CentOS 6.0 VNC远程桌面配置
  4. Activiti与Spring的整合
  5. Git建立远程代码仓库和本地代码仓库
  6. 【珍藏版】 200个机器学习 NLP Python 免费相关教程
  7. Spring使用注解的方式实现AOP的开发——Spring AOP(七)
  8. 哨兵2号(Sentinel-2)介绍、下载、预处理及批处理
  9. 计算机地址输入法教案,计算机教案(输入法
  10. [网络安全自学篇] 六十.Cracer第八期——(2)五万字总结Linux基础知识和常用渗透命令
  11. 现代大学英语精读第二版(第六册)学习笔记(原文及全文翻译)——3 - What Is News?(新闻是什么?)
  12. makefile终极目标
  13. css绝对定位的参照物
  14. 设置共享文件夹在主机与本地VMware虚拟机之间传输文件
  15. Perl 6 - CPAN
  16. 三星手机「我的文件」应用闪退问题的解决方法
  17. WSL2中 使用jupyter lab
  18. Windows 10系统下哪些服务可以关闭?
  19. 【3D商城】调节色调映射和增加控制器
  20. 【习题答案】计网第二章_物理层

热门文章

  1. php xhprof extension,PHP性能分析工具-xhprof扩展安装
  2. Arcgis操作系列2 - ArcGIS和COORD软件进行坐标七参数转换的方法
  3. idea必要快捷键设置
  4. linux显示最近十条命令,10条命令,一分钟分析Linux性能问题
  5. 教你1块钱解决魔法上网问题(合法!!!)
  6. 大神TP_运营大神独家解密“双十一零超卖”电商库存管理系统
  7. for in 和 for of 的对比
  8. 从零开始搭建一套完整的基于 React 框架的 H5 项目「下载即用、收藏不亏」
  9. 7月9日王者荣耀服务器维护,《王者荣耀》7月9日体验服停机更新公告
  10. Python基于TensorFlow深度学习卷积神经网络自动识别网站验证码设计