js获取当前七天日期（前三天：今天、明天、后天）

本文链接：https://blog.csdn.net/weixin_39060799/article/details/83318052

js获取当前七天日期

先看最终结果

七天日期

代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<style>
*{margin: 0;padding: 0;}
#time {white-space: nowrap;overflow-x: scroll;background: #fff;}
#time::-webkit-scrollbar{display: none;}
#time .tab {width:auto;box-sizing: border-box;margin-left: 15px;color: #ccc;
text-align: center;font-size:14px;display: inline-block;}
#time .tab:first-child{color: #2196f3;}
</style>
</head>
<body>
	<div id="time">		  			
		<div class="tab"><p></p><span></span></div>
		<div class="tab"><p></p><span></span></div>
		<div class="tab"><p></p><span></span></div>
		<div class="tab"><p></p><span></span></div>
		<div class="tab"><p></p><span></span></div>
		<div class="tab"><p></p><span></span></div>
		<div class="tab"><p></p><span></span></div>			
	</div>
</body>
<script>
	function Double(n){
		if(n<10){
			return '0'+n;
		}else{
			return n;
		}
	}
	var myDate = new Date();
	var month=myDate.getMonth()+1;
	var dates=myDate.getDate();
	var week1=['今天','明天','后天'];
	var week = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六']; 
	var oP=document.getElementById('time').getElementsByTagName('p');
	var oSpan=document.getElementById('time').getElementsByTagName('span');
	myDate.setDate(myDate.getDate() + 0);
	var dateArray = []; 
	var dateTemp;
		
	for (var i = 0; i < 7; i++) {
		dateTemp = Double((myDate.getMonth()+1))+"月"+Double(myDate.getDate())+"日";
		dateArray.push(dateTemp);
		oSpan[i].innerHTML = i <=2 ? week1[i]:week[myDate.getDay()];
		myDate.setDate(myDate.getDate()+1);
		oP[i].innerHTML=dateTemp;
	}
		
	var oTab=document.getElementsByClassName(' tab');
	for(var i=0;i<oTab.length;i++){
		oTab[i].index=i;
		oTab[i].onclick=function(){
			for(var j=0;j<oTab.length;j++){
				oTab[j].style.color='#ccc';
			}
			this.style.color='#36aefe';
		}	
	}
</script>
</html>