JS 操作日期顺便实现上一周和下一周功能

更新时间：2009年10月23日 14:36:48 作者：

JS本身没有提供日期加减操作能力，所以借此写了几个方法，用以操作日期，主要是实现日期的加减

今天，一已工作的学生向我求助：
1. 页面加载时，一个地方显示当前日期，其左右各一个箭头，分别表示上一周，下一周
下面的表格显示本周每个日期，从周一到周日
2. 点左右箭头，那个地方显示上一周或下一周的今天，且下面的表格显示上一周或下一周的每个日期

JS本身没有提供日期加减操作能力，所以借此写了几个方法，用以操作日期，主要是实现日期的加减
作者：郴州拓职任文敏

jsDate.htm

<script> var currDT; var aryDay = new Array("日","一","二","三","四","五","六"); //初始页面 function ini() { currDT = new Date(); showDate(); } //上一周 或 下一周 function addWeek(ope) { var num = 0; if(ope=="-") { num = -7; } else if(ope=="+") { num = 7; } currDT = addDate(currDT,num); showDate(); } function showDate() { span1.innerHTML = currDT.toLocaleDateString(); //显示日期 var dw = currDT.getDay(); var tdDT; //确定周一是那天 if(dw==0) { tdDT = addDate(currDT,-6); } else { tdDT = addDate(currDT,(1-dw)); } //在表格中显示一周的日期 var objTB = document.getElementById("tb1"); for(var i=0;i<7;i++) { if(tdDT.toLocaleDateString()==currDT.toLocaleDateString()) { objTB.rows[0].cells[i].style.color = "red"; //currDT突出显示 } dw = tdDT.getDay(); objTB.rows[0].cells[i].innerHTML = tdDT.getMonth()+1 + "月" + tdDT.getDate() + "日 星期" + aryDay[dw]; tdDT = addDate(tdDT,1); //下一天 } } //增加或减少若干天，由 num 的正负决定，正为加，负为减 function addDate(dt,num) { var ope = "+"; if(num<0) { ope = "-"; } var reDT = dt; for(var i=0;i<Math.abs(num);i++) { reDT = addOneDay(reDT,ope); } return reDT; } //增加或减少一天，由ope决定, + 为加，- 为减，否则不动 function addOneDay(dt,ope) { var num = 0; if(ope=="-") { num = -1; } else if(ope=="+") { num = 1; } var y = dt.getYear(); var m = dt.getMonth(); var lastDay = getLastDay(y,m); var d = dt.getDate(); d += num; if(d<1) { m--; if(m<0) { y--; m = 11; } d = getLastDay(y,m); } else if(d>lastDay) { m++; if(m>11) { y++; m = 0; } d = 1; } var reDT = new Date(); reDT.setYear(y); reDT.setMonth(m); reDT.setDate(d); return reDT; } //是否为闰年 function isLeapYear(y) { var isLeap = false; if(y%4==0 && y%100!=0 || y%400==0) { isLeap = true; } return isLeap; } //每月最后一天 function getLastDay(y,m) { var lastDay = 28; m++; if(m==1 || m==3 || m==5 || m==7 || m==8 || m==10 || m==12) { lastDay = 31; } else if(m==4 || m==6 || m==9 || m==11) { lastDay = 30; } else if(isLeapYear(y)==true) { lastDay = 29; } return lastDay; } </script> <body onload="ini()">  <span style="cursor:hand;font-weight:bold;" onclick="addWeek('-')" title="上一周">←</span> &nbsp;&nbsp;<span id="span1"></span>&nbsp;&nbsp; <span style="cursor:hand;font-weight:bold;" onclick="addWeek('+')" title="下一周">→</span>  <table id="tb1" border="1" style="font-size:10pt"> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

相关文章

JavaScript blog式日历控件新算法
近来要做一个记事本系统，想找一个合适的日历控件，但网上的都是那种日历选择控件。于是到qq的记事本系统找了一个，但里面的算法有点落后，所以用了它的样式自己写了个。
2008-09-09
推荐一个小巧的JS日历
推荐一个小巧的JS日历...
2007-08-08
javascript 时间对象的练习
javascript时间对象时间对象是JS的内置对象,使用前必须申明,包含日期和时间两类.
2008-12-12
JAVASCRIPT 实现普通日期转换多少小时前、多少分钟前、多少秒
貌似最近很流行这个，就写了个js函数实现之
2009-05-05
Javascript 日期对象Date扩展方法
Date对象扩展，包括常用中文日期格式解析、加减操作、日期差、周操作和季操作。
2009-05-05
团购、定时抢购倒计时js版
团购、定时抢购倒计时实现代码，需要的朋友可以参考下。
2010-08-08
挺酷的一个倒计时
挺酷的一个倒计时...
2006-10-10
JS之日历实践附实现代码
在很多采集信息的过程中，日期的准确输入是一个重要的问题，因为日期在不同的地方以不同的格式表达。本例旨在应用于网页中，用户可通过鼠标点击向程序输入日期数据。
2009-02-02
JavaScript Date对象日期获取函数
JavaScript Date对象日期获取函数必备，需要使用js得到当前日期的朋友可以参考下。
2010-12-12
魔方在线秒表javascript版
当前页面需最大化，可以保存以下HTML代码为htm文件即可空格触发。
2009-12-12

最新评论