js获取当前周、上一周、下一周日期
程序员文章站
2023-11-10 21:10:34
效果图:
代码如下:
效果图:
代码如下:
<!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(){ 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; }; 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(new date()); } </script> </head> <body> <button id="last-week">上一周</button><button id="next-week">下一周</button> <table id="monitor"> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> </table> </body> </html>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
上一篇: Python 拓展之详解深拷贝和浅拷贝