使用JS或者是JQuery获取当前周和上一周、下一周的日期时间信息的方法,摘自 http://www.qdfuns.com/notes/18184/435de54dd1e41baf6777039e394c0100.html,目的仅仅是为了做个笔记,侵删!以下是代码以及解析:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>日历操作</title> <script> window.onload = function(){ //获取页面上的table中的td单元格,以便填充内容 var cells = document.getElementById(‘monitor‘).getElementsByTagName(‘td‘); var clen = cells.length; //表示当前已经点击到的日期 var currentFirstDate; //格式化日期 var formatDate = function(date){ var year = date.getFullYear()+‘年‘; var month = (date.getMonth()+1)+‘月‘; var day = date.getDate()+‘日‘; var week = ‘(‘+[‘星期天‘,‘星期一‘,‘星期二‘,‘星期三‘,‘星期四‘,‘星期五‘,‘星期六‘][date.getDay()]+‘)‘; return year+month+day+‘ ‘+week; }; /* * 日期加上指定的天数,使用的是DATE类本身自带的方法,当第二个参数为负数的时候进行减法运算 * 这样可以避免自己写的方法会出现错误 * 需要注意的是,此方法中的setDate并不是咱们自定义的方法,而是Date对象自带的方法 */ var addDate= function(date,n){ date.setDate(date.getDate()+n); return date; }; /* * 设置日期,并未单元格进行赋值 */ var setDate = function(date){ var week = date.getDay()-1; date = addDate(date,week*-1); currentFirstDate = new Date(date); //循环为单元格进行赋值 for(var i = 0;i<clen;i++){ cells[i].innerHTML = formatDate(i==0 ? date : addDate(date,1)); } }; document.getElementById(‘last-week‘).onclick = function(){ setDate(addDate(currentFirstDate,-7)); }; document.getElementById(‘next-week‘).onclick = function(){ setDate(addDate(currentFirstDate,7)); }; setDate(addDate(new Date(),7)); } </script> </head> <body> <button id="last-week">上一周</button> <button id="next-week">下一周</button> <table id="monitor" border="1px"> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table> </body> </html>
时间: 2024-10-18 01:08:50