<!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. webpack进阶（二）

    1)webpack动态打包所有依赖项,避免打包未使用的模块. 2)转换css的loader有:css-loader,style-loader,加载图片或文件的loader是:file-loader,如 ...

  2. new Date在IE下面兼容问题

    昨天碰到一个bug,用art-template模板进行渲染时候,周视图任务展示失败,都是暂无任务,我以为是模板兼容问题,但最开始我用的时候记得就是IE8的兼容性问题,引入es5-shim.min.js ...

  3. 看过无数Java GC文章，这5个问题你也未必知道！

    看过无数Java GC文章,这6个问题你也未必知道! 读者朋友们可能已经看过太多关于Java垃圾回收相关的文章,如果没有,墙裂安利大家看下面这篇: 看完这篇垃圾回收,和面试官扯皮没问题了 本文不再重复 ...

  4. 01 搭建EasyMock环境

    EasyMock 介绍 EasyMock是一个构建模拟数据的平台,也可以说是一个在线mockJs平台 EasyMock优势 省去配置.安装mockJs步骤,解决多人协作Mock数据不互通问题 不需要在 ...

  5. PHP的for循环

    For循环执行代码块指定的次数,或者当指定的条件为真时循环执行代码块.for循环用于您预先知道脚本需要运行的次数的情况 for(初始值:条件:增量) { 要执行的代码: } <html> ...

  6. django 从零开始 2迁移模型数据到数据库中和admin初识

    和flask 一样 如果模型models 发生改动,则需要进行一个迁移数据库,但是我还没有想讲到那么深入,现在模型是django自带的一些sessiong,damin之类的模型 所以如果你想进去adm ...

  7. C3p0连接池-Java（新手）

    1 数据库连接池 C3p0 和 Druid 1.1 定义 : 本质上就是个容器(集合) 存放数据库连接的容器 当系统初始化以后 容器被创建 容器中就会申请一些连接对象 当用户来访问的数据库的时候 从容 ...

  8. Natas30 Writeup（sql注入）

    Natas30: 本关是一个登录页面,查看源码,可以发现关键代码. if ('POST' eq request_method && param('username') &&am ...

  9. Alterations of brain quantitative proteomics profiling revealed the molecular mechanisms of diosgenin against cerebral ischemia reperfusion effects（大脑的定量蛋白质组学揭示了薯蓣皂苷元对脑缺血再灌注效应的分子机制）

    文献名:Alterations of brain quantitative proteomics profiling revealed the molecular mechanisms of dios ...

  10. Mol Cell Proteomics. | A Targeted Mass Spectrometry Strategy for Developing Proteomic Biomarkers: A Case Study of Epithelial Ovarian Cancer(利用靶向质谱策略进行上皮性卵巢癌病例的蛋白质组生物标志物研究) (解读人：王聚)

    文献名:利用靶向质谱策略进行上皮性卵巢癌病例的蛋白质组生物标志物研究 期刊名:Molecular & Cellular Proteomics 发表时间:(2019年7月) IF:5.41 单位 ...