根据周次获取周次的日期范围
/**
* 返回某年某月周次范围
* @param year 年份
* @param weeks 周次
* @return 返回周次的日期范围
*/
function getXDate(year,weeks){
var date = new Date(year,"0","1");
var time = date.getTime();
// 获取当前星期几,0:星期一 。。。。
var _week = date.getDay();
//当这一年的1月1日为周日时则本年有54周,否则没有54周,没有则去除第54周的提示
if(_week!=0){//一年53周情况
if(weeks==54){
return '今年没有54周';
}
var cnt=0;// 获取距离周末的天数
if(_week==0){
cnt = 7;
}else if(_week==1){
cnt = 6;
}else if(_week==2){
cnt = 5;
}else if(_week==3){
cnt = 4;
}else if(_week==4){
cnt = 3;
}else if(_week==5){
cnt = 2;
}else if(_week==6){
cnt = 1;
}
cnt += 1;//加1表示以星期一为一周的第一天
// 将这个长整形时间加上第N周的时间偏移
time += cnt*24*3600000; //第2周开始时间
var nextYear = new Date(parseInt(year,10)+1,"0","1");
var nextWeek = nextYear.getDay();
var lastcnt = 0;//获取最后一周开始时间到周末的天数
if(nextWeek==0){
lastcnt = 6;
}else if(nextWeek==1){
lastcnt = 0;
}else if(nextWeek==2){
lastcnt = 1;
}else if(nextWeek==3){
lastcnt = 2;
}else if(nextWeek==4){
lastcnt = 3;
}else if(nextWeek==5){
lastcnt = 4;
}else if(nextWeek==6){
lastcnt = 5;
}
if(weeks==1){//第1周特殊处理
// 为日期对象 date 重新设置成时间 time
var start = date.format("yyyy年MM月dd日");
date.setTime(time-24*3600000);
return start +'--'+ date.format("yyyy年MM月dd日");
}else if(weeks==53){//第53周特殊处理
var start = time+(weeks-2)*7*24*3600000; //第53周开始时间
var end = time+(weeks-2)*7*24*3600000 + lastcnt*24*3600000 - 24*3600000; //第53周结束时间
// 为日期对象 date 重新设置成时间 time
date.setTime(start);
var _start = date.format("yyyy年MM月dd日");
date.setTime(end);
var _end = date.format("yyyy年MM月dd日");
return _start +'--'+ _end;
}else{
var start = time+(weeks-2)*7*24*3600000; //第n周开始时间
var end = time+(weeks-1)*7*24*3600000 - 24*3600000; //第n周结束时间
// 为日期对象 date 重新设置成时间 time
date.setTime(start);
var _start = date.format("yyyy年MM月dd日");
date.setTime(end);
var _end = date.format("yyyy年MM月dd日");
return _start +'--'+ _end;
}
}else{//一年54周情况
var cnt=0;// 获取距离周末的天数
if(_week==0 && weeks==1){//第一周
cnt = 0;
}else if(_week==0){
cnt = 7;
}else if(_week==1){
cnt = 6;
}else if(_week==2){
cnt = 5;
}else if(_week==3){
cnt = 4;
}else if(_week==4){
cnt = 3;
}else if(_week==5){
cnt = 2;
}else if(_week==6){
cnt = 1;
}
cnt += 1;//加1表示以星期一为一周的第一天
// 将这个长整形时间加上第N周的时间偏移
time += 24*3600000; //第2周开始时间
var nextYear = new Date(parseInt(year,10)+1,"0","1");
var nextWeek = nextYear.getDay();
var lastcnt = 0;//获取最后一周开始时间到周末的天数
if(nextWeek==0){
lastcnt = 6;
}else if(nextWeek==1){
lastcnt = 0;
}else if(nextWeek==2){
lastcnt = 1;
}else if(nextWeek==3){
lastcnt = 2;
}else if(nextWeek==4){
lastcnt = 3;
}else if(nextWeek==5){
lastcnt = 4;
}else if(nextWeek==6){
lastcnt = 5;
}
if(weeks==1){//第1周特殊处理
// 为日期对象 date 重新设置成时间 time
var start = date.format("yyyy年MM月dd日");
date.setTime(time-24*3600000);
return start +'--'+ date.format("yyyy年MM月dd日");
}else if(weeks==54){//第54周特殊处理
var start = time+(weeks-2)*7*24*3600000; //第54周开始时间
var end = time+(weeks-2)*7*24*3600000 + lastcnt*24*3600000 - 24*3600000; //第53周结束时间
// 为日期对象 date 重新设置成时间 time
date.setTime(start);
var _start = date.format("yyyy年MM月dd日");
date.setTime(end);
var _end = date.format("yyyy年MM月dd日");
return _start +'--'+ _end;
}else{
var start = time+(weeks-2)*7*24*3600000; //第n周开始时间
var end = time+(weeks-1)*7*24*3600000 - 24*3600000; //第n周结束时间
// 为日期对象 date 重新设置成时间 time
date.setTime(start);
var _start = date.format("yyyy年MM月dd日");
date.setTime(end);
var _end = date.format("yyyy年MM月dd日");
return _start +'--'+ _end;
}
}
}
效果图:
jsp部分:
<div id="watch_date" class="menu-content watch_date" style="width:355px;height:360px;display:none;">
<div style="width:355px;height:30px;line-height:27px;text-align:center;background-color:#E0ECFF;">
<input id="year" class="easyui-numberspinner" required="required" value="${nf['MAXNF'] }" data-options="max:${nf['MAXNF'] },min:${nf['MINNF'] }" style="width:60px;line-height: 0px;">
</div>
<div id="week">
<c:forEach begin="1" end="54" var="v" step="1">
<div class="nodata" data="${v}">${v}</div>
</c:forEach>
</div>
</div>
屏蔽无数据的周次点击事件:
思路:其实很简单,只是控制样式而已,首先把周次都设置为不可点击的样式,然后根据有数据的周次再循环添加可以点击的样式,在点击实践中判断屏蔽就可以了
自定义空间示例图: