<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        <title></title>

        <script type="text/javascript" src="js/jquery-1.8.2.js" ></script>

    </head>

    <body>

        <a id="test2" href="javascript: void(0);">前一天</a>

        测试日期:<span id="test1">20200301</span>

        <a id="test3" href="javascript: void(0);">后一天</a>

        <script type="text/javascript">

            function getDateArr(year){

                var yearFlag = false;

                var januaryQty = 31;

                var dateArr = [];

                dateArr.push(januaryQty);

                var februaryQty = 28;

                if((year % 100 == 0

                    && year % 400 == 0)

                    || (year % 4 == 0

                    && year % 100 != 0)){

                    februaryQty = 29;

                }

                dateArr.push(februaryQty);

                var marchQty = 31;

                var aprilQty = 30;

                var mayQty = 31;

                var juneQty = 30;

                var julyQty = 31;

                var augustQty = 31;

                var septemberQty = 30;

                var octoberQty = 31;

                var novemberQty = 30;

                var decemberQty = 31;

                dateArr.push(marchQty);

                dateArr.push(aprilQty);

                dateArr.push(mayQty);

                dateArr.push(juneQty);

                dateArr.push(julyQty);

                dateArr.push(augustQty);

                dateArr.push(septemberQty);

                dateArr.push(octoberQty);

                dateArr.push(novemberQty);

                dateArr.push(decemberQty);

                return dateArr;

            }

            $("#test2").on("click", function(){

                 var currentDateStr = $("#test1").text();

                 var currentYearStr = currentDateStr.substring(0, 4);

                 var dateArr = getDateArr(currentYearStr);

                 var currentMonthStr = currentDateStr.substring(4, 6);

                 var currentDayStr = currentDateStr.substring(6);

                 var currentMonthDayQty = dateArr[currentMonthStr - 1];

                 var priviousMonthDayIndex = currentMonthStr - 2;

                 if(priviousMonthDayIndex == -1){

                     priviousMonthDayIndex = dateArr.length - 1;

                 }

                 if(priviousMonthDayIndex == 12){

                     priviousMonthDayIndex = 0;

                 }

                 var priviousMonthDayQty = dateArr[priviousMonthDayIndex];

                 var previousYear = parseInt(currentYearStr);

                 var previousMonth = parseInt(currentMonthStr);

                 var previousDay = parseInt(currentDayStr) - 1;

                 var previousYearStr = previousYear + "";

                 var previousMonthStr = previousMonth + "";

                 var previousDayStr = previousDay + "";

                 if(previousDayStr < 1){

                     previousDayStr = priviousMonthDayQty;

                     previousMonthStr = parseInt(previousMonthStr) - 1;

                 }

                 if(previousMonthStr == 0){

                     previousYearStr = parseInt(previousYearStr) - 1;

                     previousMonthStr = 12;

                 }

                 if(previousMonthStr < 10){

                     previousMonthStr = "0" + previousMonthStr;

                 }

                 if(previousDayStr < 10){

                     previousDayStr = "0" + previousDayStr;

                 }

                 var previousDateStr = previousYearStr.toString() + previousMonthStr.toString() + previousDayStr.toString();

                 $("#test1").text(previousDateStr);

            });

            $("#test3").on("click", function(){

                 var currentDateStr = $("#test1").text();

                 var currentYearStr = currentDateStr.substring(0, 4);

                 var dateArr = getDateArr(currentYearStr);

                 var currentMonthStr = currentDateStr.substring(4, 6);

                 var currentDayStr = currentDateStr.substring(6);

                 var currentMonthDayQty = dateArr[currentMonthStr - 1];

                 var nextMonthDayIndex = currentMonthStr;

                 var nextYear = parseInt(currentYearStr);

                 var nextMonth = parseInt(currentMonthStr);

                 var nextDay = parseInt(currentDayStr) + 1;

                 if(nextDay > currentMonthDayQty){

                     nextDay = 1;

                     nextMonth = parseInt(nextMonth) + 1;

                 }

                 if(nextMonth == 13){

                     nextYear = parseInt(nextYear) + 1;

                     nextMonth = 1;

                 }

                 var nextYearStr = nextYear + "";

                 var nextMonthStr = nextMonth + "";

                 if(nextMonthStr < 10){

                     nextMonthStr = "0" + nextMonthStr;

                 }

                 var nextDayStr = nextDay + "";

                 if(nextDayStr < 10){

                     nextDayStr = "0" + nextDayStr;

                 }

                 var nextDateStr = nextYearStr.toString() + nextMonthStr.toString() + nextDayStr.toString();

                 $("#test1").text(nextDateStr);

            });

        </script>

    </body>

</html>

已完成.

Javascript/Jquery实现日期前一天后一天的更多相关文章

  1. 日期-用Datapicker实现前一天后一天

    运用了JQuery UI Datepicker 插件和一些常用日期的方法.其中Datepicker的API具体可参考[http://api.jqueryui.com/datepicker/#optio ...

  2. JavaScript jQuery 中定义数组与操作及jquery数组操作

    首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组就是某类数据的集合,数据类型可以是整型.字符串.甚至是对象Javascript不支持多 ...

  3. Javascript Jquery 中的数组定义与操作_子木玲_新浪博客

    body{ font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI& ...

  4. 打造基于jQuery的日期选择控件

    终于把jQuery拼写正确了哈,哈哈javascript也是区分大小写的,所以确实不能写错,今天我来和大家分享的是日期选择控件的实现,功能也许不够强大,但是能够满足需求. 我之前也写过(正确的说是改过 ...

  5. JavaScript jQuery 中定义数组与操作及jquery数组操作 http://www.jb51.net/article/76601.htm

    首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组就是某类数据的集合,数据类型可以是整型.字符串.甚至是对象Javascript不支持多 ...

  6. 在线运行Javascript,Jquery,HTML,CSS代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xht ...

  7. javascript --- jQuery --- Deferred对象

    javascript --- jQuery --- Deferred对象 javascript的函数式编程是多么引人入胜,jQuery使代码尽可能的精简,intelligent! defer - 必应 ...

  8. JavaScript jQuery 事件、动画、扩展

    事件 因为JavaScript在浏览器中以单线程模式运行,页面加载后,一旦页面上所有的JavaScript代码被执行完后,就只能依赖触发事件来执行JavaScript代码. 浏览器在接收到用户的鼠标或 ...

  9. JavaScript 中的日期和时间

    前言 本篇的介绍涵盖以下部分: 1. 时间标准指的是什么?UCT和GMT 的概念.关联和区别? 2. 时间表示标准有哪些? 3. JS 中时间的处理 日期时间标准 日期的标准就不多说了 -- 公元纪年 ...

随机推荐

  1. Flutter的盒子约束

    由Expanded widget引发的思考 设计稿如下 布局widget分解 很常见的一种布局方式:Column的子widget中包含ListView @override Widget build(B ...

  2. aosp Pixel 修改 SIM 卡支持及解决网络带x问题

    去除网络X的方法 adb shell settings put global captive_portal_https_url http://g.cn/generate_204 自己用 php 做一个 ...

  3. BeetleX.FastHttpApi之测试插件集成

    说到Webapi测试工具相信很多人想起Swagger,它可以非常方便地集成到项目中并进行项目Webapi接口测试.而BeetleX.FastHttpApi在新版本中也提供类似的插件,只需要引用这个插件 ...

  4. web自动化原理

    在说原理之前我想说下我所理解的selenium: (1).支持多语言,多平台,多浏览器 (2).它是一个工具包 (3).提供所有的网页操作api,是一个功能库 通过selenium来实现web自动化, ...

  5. 全球疫情统计APP图表形式展示

    全球疫情统计APP图表展示: 将该任务分解成三部分来逐个实现: ①爬取全球的疫情数据存储到云服务器的MySQL上 ②在web项目里添加一个servlet,通过参数的传递得到对应的json数据 ③设计A ...

  6. [BUG]微信浏览器 iOS input 失焦页面不回弹

    描述 ios13. ios中,input唤醒软键盘后,body整体会向上滚动,如果input框输入完成确定后,如果页面在最底部则不回弹,导致fixed布局实际效果上移,fixed布局内按钮点不到. 如 ...

  7. 机器学习- Attention Model结构解释及其应用

    概述 Attention Model 的出现,在sequence model的领域中算是一个跨时代的事件.在Many-to-Many的sequence model中,在decoder network中 ...

  8. Error: java.net.ConnectException: Call From tuge1/192.168.40.100 to tuge2:8032 failed on connection exception

    先看解决方案,再看唠嗑,唠嗑可以忽略. 解决方案: 使用start yarn.sh启动yarn就可以了. 唠嗑: 今天学习Spark基于Yarn部署.然后总以为Yarn是让Spark启动的,提交程序的 ...

  9. Web_Servlet—— Servlet生命周期

    第4章 Servlet生命周期(重要) 4.1 Servlet生命周期概述 1,应用程序中的对象不仅在空间上有层次结构的关系,在时间上也会因为处于程序运行过程中的不同阶段而表现出不同的状态和不同的行为 ...

  10. hbase 面试问题汇总

    一.Hbase的六大特点: (1).表大:一个表可以有数亿行,上百万列. (2).无模式:每行都有一个可排序的主键和任意多的列,列可以根据需要动态增加,同一个表中的不同行的可以有截然不同的列. (3) ...