无限获取上一周或下一周的日期数组集合

最新推荐文章于 2022-12-08 17:12:42 发布

dongsdh

最新推荐文章于 2022-12-08 17:12:42 发布

阅读量200

点赞数

分类专栏：时间处理

本文链接：https://blog.csdn.net/dongsdh/article/details/108537222

版权

时间处理专栏收录该内容

10 篇文章 0 订阅

订阅专栏

前言：

1、搞出今天的日期
2、搞出今天所在周的时间集合

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<style>
		*{margin: 0;padding: 0;}
		.box{
			margin: 20px;
			position: relative;
			padding: 0 20px;
			box-sizing: border-box;
			display: inline-block;
		}
		.btn{
			position: absolute;
		    top: 2px;
		    font-family: simsun;
		    cursor: pointer;
		}
		.btnleft{
			left: 0;
		}
		.btnright{
			right: 0;
		}
	</style>
</head>
<body>
	<h4></h4>
	<div class="box">
		<p>
			<span>1</span>
			<span>2</span>
			<span>3</span>
			<span>4</span>
			<span>5</span>
			<span>6</span>
		</p>
		<div class="btn btnleft"><</div>
		<div class="btn btnright">></div>
	</div>
	
	<script src='jquery.min.js'></script>
	<script>
		
		
		var today = ''; //默认今天的日期（ajax传参使用）
		var clen= 7;
		var currentFirstDate= '';
		var weekDayArr = []; //今天所在这一周的集合
		
		
		function todaytime() {
			let now = new Date();
			let year = now.getFullYear(),
				month = now.getMonth() + 1,
				date = now.getDate();
			month = checkTime(month);
			date = checkTime(date);
			today = year + '-' + month + '-' + date;
			$('h4').text('今天的日期是'+today);
		}
		function checkTime(i) {
			if(i < 10) {
				i = "0" + i
			}
			return i
		}
		todaytime(); //搞出今天的年月日
		
		
		
		function formatDate(date) {
			var year = date.getFullYear();
			var month = date.getMonth() + 1;
			month = this.checkTime(month);
			var day = date.getDate();
			day = this.checkTime(day);
			return year + '-' + month + '-' + day;
		}
		function addDate(date, n) {
			date.setDate(date.getDate() + n);
			return date;
		}
		function showhtml(arr){
			var shtml ='';
		    for(var i=0,len=arr.length;i<len;i++){
		        shtml+='<span>'+arr[i].time.substr(8,2)+'</span> ';
		    }
		    $('p').html(shtml);
		}
		function setDate(date) {
			var week = date.getDay() - 1;
			date = addDate(date, week * -1);
			currentFirstDate = new Date(date);
			for(var i = 0; i < this.clen; i++) {
				weekDayArr.push({
					"time": formatDate(i == 0 ? date : this.addDate(date, 1)),
				})
			}
			console.log(weekDayArr);
			showhtml(weekDayArr);
		}
		
		setDate(new Date());//搞出今天所在周的时间集合
		
		
		
		$(".box").on("click",".btnleft",function(){
			weekDayArr = []
			setDate(addDate(currentFirstDate, -7));
		})
		$(".box").on("click",".btnright",function(){
			weekDayArr = []
			setDate(addDate(currentFirstDate, 7));
		})
	</script>
</body>
</html>

dongsdh

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
无限获取上一周或下一周的日期数组集合

前言：1、搞出今天的日期2、搞出今天所在周的时间集合<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=e..
复制链接

扫一扫

专栏目录