JS实现上一周和下一周
2012-02-17 14:20
169 查看
<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> <span id="span1"></span> <span style="cursor:hand;font-weight:bold;" onclick="addWeek('+')" title="下一周">→</span> <br /> <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>
相关文章推荐
- JS操作日期,顺便实现 上一周 和 下一周 功能
- JS 操作日期 顺便实现 上一周 和 下一周 功能
- js 实现今天的上一周和下一周
- JS 操作日期 顺便实现 上一周 和 下一周 功能
- JS获取当前周、上一周、下一周日期
- js获取当前周、上一周、下一周日期
- java 实现 上一周 本周 下一周 切换时获得 星期一 星期日 时间
- java 实现 上一周 本周 下一周 切换时获得 星期一 星期日 时间
- js实现excel数据导入
- 轮换图广告控件 JS +DIV+CSS实现
- CSS+JS实现结构化无限级导航菜单列表(直接调用)
- js实现类似MSN提示的页面效果代码分享
- 网站开发进阶(十二)JS实现打印功能(包括打印预览、打印设置等)
- js实现页面跳转的几种方式
- 用JS实现GridView背景颜交替、点击行变色
- js内置对象处理_打印学生成绩单的简单实现
- C#中用js实现文件无刷新上传
- JS实现的JSON数组去重算法示例
- 【原】js实现复制到剪贴板功能,兼容所有浏览器
- 我的项目4 实现Js 翻书效果