<!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. moment太重? 那就试试miment--一个超轻量级的js时间库

    介绍 Miment 是一个轻量级的时间库(打包压缩后只有1K),没有太多的方法,Miment的设计理念就是让你以几乎为零的成本快速上手,无需一遍一遍的撸文档 由来 首先 致敬一下Moment,非常好用 ...

  2. 前端javascript知识（三）

    函数记忆,判断是不是质数. 方法一: function isPrime1(n){ if(n<=3){return true} else{ for(var i=2;i<Math.sqrt(n ...

  3. 简单的节流函数throttle

    在实际项目中,总会遇到一些函数频繁调用的情况,比如window.resize,mouseover,上传进度类似的触发频率比较高的函数,造成很大的性能损耗,这里可以使用节流函数来进行性能优化,主要是限制 ...

  4. 对两个有序数组重新去重合并排序js实现

    这里主要是要利用两个数组有序这个条件,所以只需两个指针分别指向两个数组,当其中一个小于另外一个就移动该指针,反之则移动另外一个指针,如果相等则均向后移动. 结束条件是,当任意一个数组的指针移到末尾则跳 ...

  5. IoT设备实践丨如果你也在树莓派上部署了k3s，你也许需要这篇文章

    前 言 树莓派是一种广泛流行的开发板,随着物联网的深入发展,树莓派大有成为IoT终端设备标准之趋势.在支持客户在IoT场景中落地k3s时,k3s在树莓派上的部署问题也就出现了.本文记录了一些其中的关键 ...

  6. BERT实现QA中的问句语义相似度计算

    1. BERT 语义相似度 BERT的全称是Bidirectional Encoder Representation from Transformers,是Google2018年提出的预训练模型,即双 ...

  7. 为什么你学习了scrum之后还不会实施敏捷? (敏捷学习之旅一)

    标题党, 其实这个主题改为"如何能快速的学习与实施敏捷"更贴切. 我在一家大型的外资金融企业,公司最近在大面积的实施敏捷转型,我的团队首先被选为试点团队,并实施得很好,最近我也和不 ...

  8. JVM04——七个GC垃圾收集器，一个都不能少

    了解了JVM内存区域与垃圾回收算法,今天将为各位带来关于垃圾收集器的知识.关注我的公众号「Java面典」了解更多 Java 相关知识点. Java 堆内存被划分为新生代和老年代两部分,因此 JVM 通 ...

  9. C++结构体和类的区别总结及各自优缺点

    结构体在栈里.而类在堆里. 结构体为值类型.而类是引用类型 结构体不能被继承,而类可以. 结构体无构造函数 类可以定义虚函数,而结构体不行. 结构在数据参数方面效率更高,简单数组的应用中成本很低.而类 ...

  10. 我要打十个！详解建造者模式（builder pattern）

    前言 "我要打十个",其实是我要打十个野怪! 这十个野怪呢,它们有不同的技能.装备和武器,长得也不一样.这里野怪是一个蛮复杂的对象,由各个不同的部分组成(技能.装备.武器等),不同 ...