最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js获取当前周、上一周、下一周日期
时间:2017-07-07 编辑:简简单单 来源:一聚教程网
效果图:
代码如下:
代码如下 | 复制代码 | |||||
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 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()); }
| ||||||
-
上一个: 浅析bootstrap原理及优缺点
相关文章
- js 获取当前日期详解 05-05
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31