学生课程表的制作

其他 2018-09-01 00:22:13 阅读次数: 0

这段时间做的项目里需要实现学生课程表的功能，要求是后台给提供方法，前台通过传递学生的学号和周次来获取方法里的数据，也就是说前台要根据当前时间来判断当前属于该学期的第几周，然后将周次当做参数传递到后台通过ajax获得一周的课表信息。

由于本人是前端菜鸟，所以这个功能的难点在我这里就是如何根据当前时间和开学的日期将当前所属的周次给计算出来！js写了一整天才将在这个功能实现，感觉自己写的很繁琐，不过还是粘出来看看，免得以后会用到。

html部分，我是用的bootstrap的表格实现的，如下：

<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
    	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=0;" name="viewport" />
		<title>课表查询</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/kbcx.css"/>
	</head>
	<body>
	<div class="container">
		<div class="row xq">
			<div class="col-xs-2 text-center prevarrow">
				<img src="image/left-jiant.png" alt="" class="left-arrow" />
			</div>
			<div class="col-xs-8">
				<div class="text-center"><span class="dqxq"></span> 第<span class="dqzc"></span>周</div>
			</div>
			<div class="col-xs-2 text-center nextarrow">
				<img src="image/right-white.png" class="left-arrow"/>
			</div>
		</div>
	</div>
	<table class="table table-bordered kb_top">
		<thead>
			<tr class="tb_title">
				<th class="text-center"><span class="mon">1</span>月</th>
				<th class="text-center"><span class="getDate0">14</span>一</th>
				<th class="text-center"><span class="getDate1">15</span>二</th>
				<th class="text-center"><span class="getDate2">16</span>三</th>
				<th class="text-center"><span class="getDate3">17</span>四</th>
				<th class="text-center"><span class="getDate4">18</span>五</th>
				<th class="text-center"><span class="getDate5">19</span>六</th>
				<th class="text-center"><span class="getDate6">20</span>日</th>
			</tr>
		</thead>

		<tbody>
			<tr class="text-center" lang="1">
				<td><div class="tt">1</div></td>
					<td>
						<div class="tt">
								<div>
									<p id="kcm">
										<span class="ver_middle">
											
										</span>
									</p>
								<p id="kcjs"></p>
							</div>
						</div>
						<div class="tt_1"></div>			
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div>
                    <div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
			</tr>
			<tr class="text-center" lang="2">
				<td><div class="tt">2</div></td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
			</tr>
			<tr class="text-center" lang="3">
				<td><div class="tt">3</div></td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
			</tr>
			<tr class="text-center 4-bottom" lang="4">
				<td><div class="tt">4</div></td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
			</tr>
			<tr class="text-center 5-top" lang="5">
				<td><div class="tt">5</div></td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
					<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
			</tr>
			<tr class="text-center" lang="6">
				<td><div class="tt">6</div></td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
			</tr>
			<tr class="text-center" lang="7">
				<td><div class="tt">7</div></td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
			</tr>
			<tr class="text-center" lang="8">
				<td><div class="tt">8</div></td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
				<td>
					<div class="tt">
						<div>
							<p id="kcm">
								<span class="ver_middle">
									
								</span>
							</p>
							<p id="kcjs"></p>
						</div>
					</div><div class="tt_1"></div>
				</td>
			</tr>
		</tbody>
	</table>
	
	<div class="banquan"> 
	 Copyright &copy; 2018 xxxx大学 All Rights Reserved 
	</div>
	</body>
	<script src="tools/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="tools/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="tools/jquery.getparams.js" type="text/javascript" charset="utf-8"></script>
	<script src="tools/jquery.xnxq.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/kbcx.js"></script>
</html>

css部分：

*{
	padding: 0;
	margin: 0;
}
body{
	background-color: #F6F6F8;
}
.banquan{
	height: 8vh;
	text-align: center;
	line-height:8vh;
	font-size: 12px;
	position: absolute;
	bottom: -8vh;
	width: 100vw;
	color: #525d7d;
}
.cj_bg{
	background-color:white;
	height: 110px;
}
.wx_top{
	width: 100vw;
	background-color: black;
	color: white;
	height: 40px;
	line-height: 40px;
}
.xq{
	height: 40px;
	line-height: 40px;
	color: white;
	background-image:url(../image/jianbian.png);
	background-size: 100%;

}

.table tbody tr td{
    vertical-align: middle;
    width: 13vw;
    padding: 0px;
}
.table tbody tr td:first-child{
	width: 9vw;
	height: 8vh;
	line-height: 8vh;
}
.table tbody tr td .tt{
	vertical-align: middle;
	height: 10vh;
	overflow: hidden;

}
.haveclass{
	background-color: #9ED7E8;
	color: white;
	
}
.haveclass{
	min-width: 0;
}
.wx_top .wx_more,.wx_top .cha{
	padding-right: 0px;
	padding-left: 0px;
}
.wx_top .cha{
	padding-left: 15px;
}
.tb_title span{
	display:block;
}
.cha1{
	height: 20px;
	width: 20px;
}
.gd{
	/*border: 1px solid red;*/
	height: 8px;
	width: 23px;
	position: relative;
	left: -10px;
}
.left-arrow{
	width: 2.5vw;
}
.detail{
	margin: 0px 10px;
}
.detail_kct{
	margin-top: 5px;
	height: 150px;
	background-color: #9ED7E8;
}
.detail_kct p:first-child{
	margin-top: 30px;
	color: white;
	font-size: 20px;
	font-weight: bold;
}
.detail_kct p:last-child{
	margin-top: 15px;
	font-size: 18px;
	color: white;
}
.detail_kc{
	background-color: white;
	height: 40px;
	line-height: 40px;
	margin-top: 5px;
	color: black;
}
.kb_top{
	/*margin-top: 2vh;*/
}
.sd{
	height: 10vh;
	overflow: hidden;
	text-overflow: ellipsis;
	/*border: 1px solid yellow;*/
	vertical-align: middle;
	color: white;
	font-size: 12px;
}
.modal-content{
	background-color:#F6F6F8; 
}
.modal-footer{
	border: 0px;
}
#kcm{
	height: 6vh;
	overflow: hidden;
	position: relative;
}
p{
	margin-bottom: 0px;
}

js部分：

var xh;
xh=$.getURLParam("xh");
var week = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六",]
//获得当前日
getKsrq = new Date("2018/7/1");
// console.log(getKsrq.getTime());//获得学期开始日期距离1970.1.1日的毫秒数
// console.log(week[getKsrq.getDay()])	//获得学期开始日期是星期几
var ksrqMsMonday = getKsrq.getTime()-(getKsrq.getDay()-1)*24*60*60*1000;//获得学期开始日期的周一的毫秒数
var ksrqMonday = new Date(ksrqMsMonday).toLocaleDateString();//获得学期开始日期的周一的日期
//将当前时间转化成周次
var today = new Date();
// console.log(today.getTime());//获得当前日期距离1970.1.1日的毫秒数
// console.log(week[today.getDay()])	//获得当前日期是星期几
var todayMsMonday = today.getTime()-(today.getDay()-1)*24*60*60*1000;//获得当前日期的周一的毫秒数
var todayMonday = new Date(todayMsMonday).toLocaleDateString();//获得当前日期的周一的日期
var getzc_1 = (todayMsMonday - ksrqMsMonday)/1000/60/60/24/7;//获得周次
var getzc = parseInt(getzc_1)+1;
var dqzc=getzc;
//用来记录周次左右箭头的点击
var zcchange=parseInt($.getZcc);
$(function(){
	getXskbList();//返回学生课表列表
	$(".nextarrow").click(function(){
		nextZc();
	})
	$(".prevarrow").click(function(){
		prevZc();
	})
	copyRight();//底部版权
})
console.log();

// 返回学生课表列表
function getXskbList(){
	var dataParams={};
	dataParams["zc"]=dqzc;//周次
	dataParams["xh"]="1725304901";
	$.ajax({
		url:"http://mp.wxou.cn/msxy/wpt/getXskbList.do",
		data:dataParams,
		async:false,
		type:"get",
		dataType:"json",
		success:function(data){

			//清空之前的数据
			$("tr td").removeClass("haveclass");
			$("#kcm .ver_middle").html("");
			$("td .tt #kcjs").html("");
			$("td .tt div").removeAttr("data-toggle").removeAttr("data-target");
			$("td .tt_1").html("");
			
			$(".dqxq").html($.getXnxq);
			$(".dqzc").html(dqzc);
			//每一周的日期导航
			var kbrq_top;
			if(zcchange==$.getZcc){
				kbrq_top = new Date(todayMsMonday);
			}else if(zcchange>$.getZcc){
				kbrq_top = new Date(todayMsMonday+(zcchange-$.getZcc)*7*24*60*60*1000);
				
			}else if(zcchange<$.getZcc){
				kbrq_top = new Date(todayMsMonday-($.getZcc-zcchange)*7*24*60*60*1000);
			}
			$(".mon").html(parseInt(kbrq_top.getMonth())+1);	
			$(".getDate0").html(kbrq_top.getDate());
			$(".getDate1").html(kbrq_top.getDate()+1);
			$(".getDate2").html(kbrq_top.getDate()+2);
			$(".getDate3").html(kbrq_top.getDate()+3);
			$(".getDate4").html(kbrq_top.getDate()+4);
			$(".getDate5").html(kbrq_top.getDate()+5);
			$(".getDate6").html(kbrq_top.getDate()+6);
			//判断是不是出现了31或者30的日期
			if((parseInt(kbrq_top.getMonth())+1)===1||(parseInt(kbrq_top.getMonth())+1)===3||(parseInt(kbrq_top.getMonth())+1)===5||(parseInt(kbrq_top.getMonth())+1)===7||(parseInt(kbrq_top.getMonth())+1)===8||(parseInt(kbrq_top.getMonth())+1)===10||(parseInt(kbrq_top.getMonth())+1)===12){
					var gkj = 0;
					for(var k=0;k<7;k++){
						var gk = kbrq_top.getDate()+k;
						if(gk>31){
							gkj++;
							$(".getDate"+k+"").html(gkj);

						}
					}

				}else{
					var gkk=0;
					for(var k=0;k<7;k++){
						
						var gk = kbrq_top.getDate()+k;
						if(gk>30){
							gkk++;
							$(".getDate"+k+"").html(gkk);

						}
					}
					
				}
			//每一周的课程展示
			for(var i=0;i<data.length;i++){
				var xq = parseInt(data[i].skxq)+1;
				var kcm =data[i].kcm;
				for(var j=data[i].ksjc;j<=data[i].jsjc;j++){

				$("[lang='"+j+"'] td:nth-of-type("+xq+")").addClass("haveclass");
				$("[lang='"+j+"'] td:nth-of-type("+xq+") #kcm .ver_middle").html(kcm);
				var jsm = data[i].jsm.slice(9);
				$("[lang='"+j+"'] td:nth-of-type("+xq+") #kcjs").html(jsm);
				//弹出课程的详情
				$("[lang='"+j+"'] td:nth-of-type("+xq+") .tt div")
				.attr("data-toggle","modal").attr("data-target","#kc"+i+"");
				//模态框
				var str="";
				str+="<div class='modal fade' id='kc"+i+"' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'>";
				str+="<div class='modal-dialog'><div class='modal-content'><div class='modal-header'>";
				str+="<button type='button' class='close' data-dismiss='modal' aria-hidden='true'>&times;</button>";
				str+="<h4 class='modal-title' id='myModalLabel'>当前课程</h4></div>";
				str+="<div class='modal-body'><div class='container detail'>";
				str+="<div class='row text-center detail_kct'>";
				if(data[i].jasmc==""){
					str+="<p>"+kcm+"</p><p>暂无教室信息</p></div>";
				}else{
					str+="<p>"+kcm+"</p><p>"+data[i].jasmc+"</p></div>";
				}
				
				str+="<div class='row text-center detail_kc'>"+$.getXnxq+"&nbsp;第"+dqzc+"周</div>";
				//如果是当前周的话，用当前周的周一的毫秒数加上星期几减一的毫秒数
				//如果不是当前周的话，用当前周的周一的毫秒数乘以（到当前周的周次）;
				var detailrq;
				if(zcchange==$.getZcc){
					detailrq = new Date(todayMsMonday+(data[i].skxq-1)*24*60*60*1000).toLocaleDateString();
				}else if(zcchange>$.getZcc){
					detailrq = new Date(todayMsMonday+(zcchange-$.getZcc)*7*24*60*60*1000+(data[i].skxq-1)*24*60*60*1000).toLocaleDateString();
					
				}else if(zcchange<$.getZcc){
					detailrq = new Date(todayMsMonday-($.getZcc-zcchange)*7*24*60*60*1000+(data[i].skxq-1)*24*60*60*1000).toLocaleDateString();
				}
				str+="<div class='row text-center detail_kc'>"+detailrq+"</div>";
				str+="<div class='row text-center detail_kc'>"+j+"-"+data[i].jsjc+"节次</div>";
				str+="<div class='row text-center detail_kc'>"+jsm+"</div></div></div>";
				str+="<div class='modal-footer'></div></div></div></div>";
				$("[lang='"+j+"'] td:nth-of-type("+xq+") .tt_1").append(str);
			}
			}
		},
		error:function(){
			console.log("err")
		}
	})
}
//下一周
function nextZc(){
	if(dqzc<$.getZcc){
		dqzc++;
		zcchange++;
		getXskbList();
		
		
	}
}
//上一周
function prevZc(){
	if(dqzc>1){
		dqzc--;
		zcchange--;
		getXskbList();
		
	}
}

function copyRight(){
	$(window).scroll(function(){
		var stop = $(window).scrollTop();
		if(stop>100){
			$(".wx_bq").removeClass("banquan");
			$(".wx_bq").addClass("bqyd");
		}
	})
}

xh=$.getURLParam("xh");这个是页面之间用来传递参数的方法，具体使用方法和插件见  页面之间的传参。

主要的思想

第一步：判断开学日期的是的毫秒数是多少，周几，这一周是第一周，

第二步：计算第一周周一的毫秒数，在这判断当前日期是周几，当前日期周一的毫秒数是多少，

第三步：用当前日期周一的毫秒数减去开学日期周一的毫秒数，将中间差的毫秒数转化成周次，

主要就是这部分的时间转换

var week = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六",]
getKsrq = new Date("2018/7/1");
// console.log(getKsrq.getTime());//获得学期开始日期距离1970.1.1日的毫秒数
// console.log(week[getKsrq.getDay()])	//获得学期开始日期是星期几
var ksrqMsMonday = getKsrq.getTime()-(getKsrq.getDay()-1)*24*60*60*1000;//获得学期开始日期的周一的毫秒数
var ksrqMonday = new Date(ksrqMsMonday).toLocaleDateString();//获得学期开始日期的周一的日期
// console.log(ksrqMonday)
//将当前时间转化成周次
var today = new Date();
// console.log(today.getTime());//获得当前日期距离1970.1.1日的毫秒数
// console.log(week[today.getDay()])	//获得当前日期是星期几
var todayMsMonday = today.getTime()-(today.getDay()-1)*24*60*60*1000;//获得当前日期的周一的毫秒数
var todayMonday = new Date(todayMsMonday).toLocaleDateString();//获得当前日期的周一的日期
// console.log(todayMonday)
var getzc_1 = (todayMsMonday - ksrqMsMonday)/1000/60/60/24/7;//获得周次

主要js方法

var myDate = new Date();  
myDate.getYear(); //获取当前年份(2位)  
myDate.getFullYear(); //获取完整的年份(4位,1970-????)  
myDate.getMonth(); //获取当前月份(0-11,0代表1月)         // 所以获取当前月份是myDate.getMonth()+1;   
myDate.getDate(); //获取当前日(1-31)  
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)  
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)  
myDate.getHours(); //获取当前小时数(0-23)  
myDate.getMinutes(); //获取当前分钟数(0-59)  
myDate.getSeconds(); //获取当前秒数(0-59)  
myDate.getMilliseconds(); //获取当前毫秒数(0-999)  
myDate.toLocaleDateString(); //获取当前日期  
var mytime=myDate.toLocaleTimeString(); //获取当前时间  
myDate.toLocaleString( ); //获取日期与时间

获得当前时间距离1970年1月1日的毫秒数

var timestamp =Date.parse(new Date());    结果：1280977330000       //不推荐; 毫秒改成了000显示  

var timestamp =(new Date()).valueOf();       结果：1280977330748       //推荐;   

var timestamp=new Date().getTime();         结果：1280977330748        //推荐;

转自 日期格式转换

毫秒数转换成日期格式

var oDate = new Date();
var iM = oDate.getTime();   //得到毫秒数
var nDate = new Date(iM0;   //直接将毫秒数当参数传进去。
alert(nDate);   //这个时候弹出的就是具体的  星期  月 日 年 时间 的格式了。

一天的毫秒数 = 24*60*60*1000毫秒

猜你喜欢

转载自blog.csdn.net/weixin_41863239/article/details/81069634
今日推荐
基于大语言模型的开源知识库问答系统 MaxKB GitHub Star 数量突破 5,000 个！
美国拟限制 AI 大模型出口中国和俄罗斯
苹果将与 OpenAI 达成协议，将 ChatGPT 应用于 iPhone
openKylin 社区生态委员会第六次会议圆满召开
阿里云正式发布通义千问 2.5
Python 3.13 发布首个 Beta：实验性自由线程模式和 JIT、改进交互式解释器
Stack Overflow 拿我的代码去训练 AI 大模型，还封了我的账号
Pop!_OS 的 COSMIC 桌面完成 App Store 上架工作
《2024 年一季度互联网投融资运行情况》研究报告
报告：Django 仍然是 74% 开发者的首选
15 年前上了“FFmpeg 耻辱柱”，今天他还得谢谢咱——腾讯QQPlayer一雪前耻？
TIOBE 5 月榜单：Fortran “复活”进入 Top 10
周排行
记一下去大梅沙的准备（2018-05-26）
Spring 注解 事务
基于HTTP协议的客户端缓存
阿里云rds 备份和还原
[PHP] 几个拖慢 PHP 程序/API 运行速度的点
python 代码风格------------PEP8规则
js控制json生成菜单——自制菜单（一）
将字符串: 'k:1|k1:2|k2:3|k3:4 ' ,处理成 python 字典: {'k':1, 'k1':2, ...}
微信小程序转支付宝小程序
Qt551.窗口滚动条
每日归档
更多
2024-05-13(18)
2024-05-12(0)
2024-05-11(38)
2024-05-10(38)
2024-05-09(35)
2024-05-08(42)
2024-05-07(14)
2024-05-06(40)
2024-05-05(0)
2024-05-04(7)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022