原生js周选择器

最新推荐文章于 2025-06-12 16:48:37 发布

原创最新推荐文章于 2025-06-12 16:48:37 发布 · 4.4k 阅读

CC 4.0 BY-SA版权

文章标签：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
var curD = new Date();
var firstD = new Date();
var lastD = new Date();
var dayTime = 24*60*60*1000 ;
function initDate(){
curD.setHours(12,12,12,0);
var dateLong = curD.getTime();

if ( curD.getDay()== 0 ){
dateLong = dateLong - (6*dayTime);
}else {
dateLong = dateLong - (curD.getDay()-1)*dayTime;
}

curD.setTime(dateLong);

firstD = curD;
lastD.setTime(firstD.getTime()+6*dayTime);
var ss = firstD.getFullYear()+'-'+(firstD.getMonth()+1)+'-'+firstD.getDate()+' 至 '+lastD.getFullYear()+'-'+(lastD.getMonth()+1)+'-'+lastD.getDate();
document.getElementById('val').setAttribute('value',ss);

}

function backDate(){
var dateLong = curD.getTime();
curD.setTime(dateLong - (6*dayTime));
initDate();
}

function nextDate(){
var dateLong = curD.getTime();
curD.setTime(dateLong + (7*dayTime));
initDate();
}

</script>
</head>

<body onload="initDate();">
<a href="javascript:void(0);" onclick="backDate();">上一周</a>
<input type="text" id="val" />
<a href="javascript:void(0);" onclick="nextDate();" >下一周</a>
</body>
</html>