<!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. linux构建DHCP服务器

    1.DHCP(Dynamic Host Configuration Protocol,动态主机配置协议)是一个局域网的网络协议,使用UDP协议工作,主要用途:给内部网络或网络服务供应商自动分配IP地址 ...

  2. Xml反序列化记录

    1.概述 公司项目遇到一个需要对接webservice的,webservice大部分用的都是xml来传输的,这里记录一下xml反序列化遇到的问题 2.xml工具类 xml序列化: public sta ...

  3. 最新版jdk 13环境变量配置

    1.配置环境变量 右击“我的电脑”-->"属性"-->"高级系统设置"-->"高级"-->"环境变量&qu ...

  4. 基于VR技术的输电线路巡检仿真系统

    基于VR技术,搭建电力输电仿真系统用于培训,提供用户沉浸式学习体验.交互式操作体验,VR设备能够提供沉浸式真实感的模拟场景,使得输电线路巡检内容视觉化,跨越了空间和时间的限制,有针对性的解决传统输电运 ...

  5. 【Spring Data 系列学习】Spring Data JPA @Query 注解查询

    [Spring Data 系列学习]Spring Data JPA @Query 注解查询 前面的章节讲述了 Spring Data Jpa 通过声明式对数据库进行操作,上手速度快简单易操作.但同时 ...

  6. JVM01——JVM内存区域的构成

    从本文开始将为各位带来JVM方面的知识点,关注我的公众号「Java面典」了解更多Java相关知识点. JVM内存主要分为三部分线程私有(Thread Local).线程共享(Thread Shared ...

  7. Java反射之对JavaBean的内省操作

    上一篇我们说了Java反射之数组的反射应用 这篇我们来模拟实现那些javabean的框架(BeanUtils)的基本操作. [一] 什么是JavaBean JavaBean 是一种JAVA语言写成的可 ...

  8. 手写redux方法以及数组reduce方法

    reduce能做什么? 1)求和 2)计算价格 3)合并数据 4)redux的compose方法 这篇文章主要内容是什么? 1)介绍reduce的主要作用 2)手写实现reduce方法 0)了解red ...

  9. python-参考书

    真的是找了很多的参考书,但是看懂,上手用的就一本比较好的<编程小白的第1本python入门书>非常的好. 属于那种一看就懂,能说明白的.别的,要么就是翻译的外文的,有点难以理解,要么就是中 ...

  10. rabbitmq系列（四）死信队列

    一.什么是死信队列 当消息在一个队列中变成一个死信之后,它将被重新publish到另一个交换机上,这个交换机我们就叫做死信交换机,私信交换机将死信投递到一个队列上就是死信队列.具体原理如下图: 消息变 ...