<!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. 超详细的HDFS读写流程详解（最容易理解的方式）

    HDFS采用的是master/slaves这种主从的结构模型管理数据,这种结构模型主要由四个部分组成,分别是Client(客户端).Namenode(名称节点).Datanode(数据节点)和Seco ...

  2. 华为物联网IoT学习笔记目录

    实验准备: 1.<小熊派功能介绍> 2.<小熊派硬件分析> 3.<STM32Cube软件安装介绍> 4.<MDK软件安装介绍> 5.<华为 IoT ...

  3. Tomcat8优化--Apache JMeter测试

    一.部署测试java web项目(压力测试环境搭建) 1.mysql环境 #切换到mysql目录 cd /usr/local/mysql #查看mysql环境 rpm -qa | grep -i my ...

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

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

  5. ggplot2（7） 定位

    7.1 简介 位置调整:调整每个图层中出现重叠的对象的位置,对条形图和其他有组距的图形非常有用: 位置标度:控制数据到图形中位置的映射,常用的是对数变换: 分面:先将数据集划分为多个子集,然后将每个子 ...

  6. Flask 请求中间件、错误处理、标签、过滤器、CBV

    目录 一.请求中间件 二.请求中间件额外方法(重写源码) 三.请求错误处理 四.请求标签.过滤器 五.CBV写法 基础版 常用版 一.请求中间件 中间件: 1 before_first_request ...

  7. dpdk中QSBR具体实现

    目录 dpdk-QSBR实现 初始化 注册与注销 上线与下线 等待静默 附录 参考 dpdk-QSBR实现 dpdk19.01提供了qsbr模式的rcu库,其具体实现在lib/librte_rcu目录 ...

  8. 【Weiss】【第03章】练习3.15：自调整链表

    [练习3.15] a.写出自调整表的数组实现.自调整表如同一个规则的表,但是所有的插入都在表头进行. 当一个元素被Find访问时,它就被移到表头而并不改变其余的项的相对顺序. b.写出自调整表的链表实 ...

  9. 爬虫 | Python下载m3u8视频

    目录 从 m3u8 文件中解析出 ts 信息 按时间截取视频 抓取 ts 文件 单文件测试 批量下载 合并 ts 文件 将合并的ts文件转化为视频文件 参考资料: m3u8格式介绍 ts文件格式介绍 ...

  10. Fluent算例精选｜02瞬态滑移网格分析叶轮机械内部流动

    本算例使用的软件:fluent.icem 通过学习本算例您将获得? 1.学会周期区域创建 2.学会瞬态求解器及滑移网格边界条件设置 3.学会周期面.滑移面设置 4.学会如何监测压力脉动(声学仿真) 5 ...