您的位置：首页 > 其它

获取当前周、上一周、下一周的日期

2017-08-22 13:27 218 查看

使用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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航