<!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. Vmware安装的linux系统开机黑屏,关闭显示虚拟机忙怎么怎么解决?

    在vm虚拟机中,可能会遇到打开一台主机直接黑屏,而且无法关闭,关闭会显示虚拟机繁忙这种情况,如下图: 一般是因为没有正常关机或者操作不当导致的   对此,解决办法一般有两种 第一种方法: 1.重启电脑 ...

  2. elasticsearch 单机安装

    一.elasticsearch下载 1.elastic 官网:https://www.elastic.co/cn/ 2.elasticsearch 下载地址:https://www.elastic.c ...

  3. vue移动端字体大小设置

    const setRemUnit = () => { const docEl = document.documentElement; // IPhone6下750像素来设计,实际像素375px, ...

  4. git涨姿势(一)

    今天遇到了一个git冲突问题,解决冲突方案我是当然知道的,就是本地不知道何时自己傻不拉几的新建了一个relese分支,而remote是没有release分支的,需要拉取的是release/V1.4.2 ...

  5. linux最常用命令记录(一)

    一.vim个人最常用设置: vim .vimrc 然后添加以下内容 set nu set tabstop=4 set encoding=utf-8 二.查看磁盘空间相关命令 1.df -h   查看硬 ...

  6. C++ 继承函数

    #include <iostream> using namespace std; class passport { public: passport() //默认构造 { } passpo ...

  7. .NET实现一个简单的IOC容器

    目录 1.主要细节 2.具体示例 参考及示例代码下载 shanzm-2020年3月17日 20:06:01 1.主要细节 使用反射程序集的方式获取对象的类型 通过反射的方式获取指定类型的的所有公共属性 ...

  8. js 行走的小女孩 面向对象

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. python3:input() 函数

    一.知识介绍: 1.input() 函数,接收任意输入,将所有输入默认为字符串处理,并返回字符串类型: 2.可以用作文本输入,如用户名,密码框的值输入: 3.语法:input("提示信息:& ...

  10. [日志分析]Graylog2采集mysql慢日志

    之前聊了一下graylog如何采集nginx日志,为此我介绍了两种采集方法(主动和被动),让大家对graylog日志采集有了一个大致的了解. 从日志收集这个角度,graylog提供了多样性和灵活性,大 ...