您的位置：首页 > Web前端 > JavaScript

js根据日期计算周所在的范围

2017-11-17 11:31 204 查看

可以根据某一个日期计算出周时间，并可以获取下一周，上一周的时间

下面是完整的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(){

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>

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

标签：

相关文章推荐

新的分享

章节导航