`
uule
  • 浏览: 6388223 次
  • 性别: Icon_minigender_1
  • 来自: 一片神奇的土地
社区版块
存档分类
最新评论

一个星期中某一天存在即显示的思路

    博客分类:
  • JSP
F# 
阅读更多

1、

days:  1,2,3,4,5,6,0     //数据库中的每条数据对应一条记录
        或1,2,3,4,0
        或5,6
         ...

 

rateRecord[rateRecord.length] = (isDayExist(days, 1)==true) ? '<td style="color:#4a6129; width:20px; text-align:center;">M</td>' : '<td style="font-weight:bold;font-size:14px;">&nbsp; </td>';
rateRecord[rateRecord.length] = (isDayExist(days, 2)==true) ? '<td style="">T</td>' : '<td style="">&nbsp; </td>';
rateRecord[rateRecord.length] = (isDayExist(days, 3)==true) ? '<td style="">W</td>' : '<td style="">&nbsp; </td>';
rateRecord[rateRecord.length] = (isDayExist(days, 4)==true) ? '<td style="">T</td>' : '<td style="">&nbsp; </td>';
rateRecord[rateRecord.length] = (isDayExist(days, 5)==true) ? '<td style="">F</td>' : '<td style="">&nbsp; </td>';
rateRecord[rateRecord.length] = (isDayExist(days, 6)==true) ? '<td style="">S</td>' : '<td style="">&nbsp; </td>';
rateRecord[rateRecord.length] = (isDayExist(days, 0)==true) ? '<td style="">S</td>' : '<td style="">&nbsp; </td>';

 

//如果该条记录某天存在
function isDayExist(days, dayNo) {
		for (var i=0; i<days.length; i++) {
			if (days[i] == dayNo) return true;
		}
		return false;
	}

 

 

2、

 

<td>
<table style="margin:auto; width:40%;text-align:left;" cellpadding="0" cellspacing="0" >
	<tr>
		<td style="text-align:center;">All</td>
		<td style="text-align:center;">Mon</td>
		<td style="text-align:center;">Tue</td>
		<td style="text-align:center;">Wed</td>
		<td style="text-align:center;">Thu</td>
		<td style="text-align:center;">Fri</td>
		<td style="text-align:center;">Sat</td>
		<td style="text-align:center;">Sun</td>
	</tr>
	<tr>
		<td style="text-align:center;"><input id="idAllWeek" name="idAllWeek" type="checkbox" onclick='checkAllWeekStatus(this);' /></td>
		<td style="text-align:center;"><input id="mon" name="mon" type="checkbox" /></td>
		<td style="text-align:center;"><input id="tue" name="tue" type="checkbox" /></td>
		<td style="text-align:center;"><input id="wed" name="wed" type="checkbox" /></td>
		<td style="text-align:center;"><input id="thu" name="thu" type="checkbox" /></td>
		<td style="text-align:center;"><input id="fri" name="fri" type="checkbox" /></td>
		<td style="text-align:center;"><input id="sat" name="sat" type="checkbox" /></td>
		<td style="text-align:center;"><input id="sun" name="sun" type="checkbox" /></td>
	</tr>
</table>
</td>

 

function saveOrUpdateWeek(){
			var daysStr = "";
			var days = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
			for (var i=0; i<days.length; i++) {
				if (jQuery("#"+days[i]).attr("checked") == true) {
				   daysStr += i+",";
				}
			}
			daysStr = daysStr.substring(0,daysStr.length-1);
			jQuery("#dayOfWeek").val(daysStr);
		}
		
		function initDayOfWeek(str){
			jQuery("input[type='checkbox']").attr("checked",false);
			var days = str.split(",");
			if(days.length == 7) {
				jQuery("#idAllWeek").attr("checked",true);
			}else{
				jQuery("#idAllWeek").attr("checked",false);
			}
			for(var i =0;i<days.length;i++){
				switch (days[i]) {
					case '0': jQuery('#sun').attr("checked",true); break;
					case '1': jQuery('#mon').attr("checked",true); break;
					case '2': jQuery('#tue').attr("checked",true); break;
					case '3': jQuery('#wed').attr("checked",true); break;
					case '4': jQuery('#thu').attr("checked",true); break;
					case '5': jQuery('#fri').attr("checked",true); break;
					case '6': jQuery('#sat').attr("checked",true); break;
				}
			}
		}
		
		function checkAllWeekStatus( chkObj ) {
			if ( chkObj.checked ) { 
				jQuery('#mon').attr("checked",true);
				jQuery('#tue').attr("checked",true);
				jQuery('#wed').attr("checked",true);
				jQuery('#thu').attr("checked",true);
				jQuery('#fri').attr("checked",true);
				jQuery('#sat').attr("checked",true);
				jQuery('#sun').attr("checked",true);
			} else {
				jQuery('#mon').attr("checked",false);
				jQuery('#tue').attr("checked",false);
				jQuery('#wed').attr("checked",false);
				jQuery('#thu').attr("checked",false);
				jQuery('#fri').attr("checked",false);
				jQuery('#sat').attr("checked",false);
				jQuery('#sun').attr("checked",false);
			}
		}
 

。。。。。。。

 

 

 
  • 大小: 23 KB
  • 大小: 2.4 KB
分享到:
评论

相关推荐

    C51的公历转农历及星期源代码

    - **第三字节**:最高位表示是否有一个额外的闰月(即第十三个月),接下来的两位表示春节所在的月份,最后五位表示春节的具体日期。 ##### 2. 代码实现细节 ```c #include Byte code year_code[597]={ //...省略...

    基于jQuery ASP.NET技术的日历导航设计与实现.pdf

    * 以不同样式显示某一天是否存在报纸数据,如果存在报纸数据,则应该提供导航链接。 2.2 设计思路 呈现样式设计思路:在网页前端设计中,Div+CSS已经成为主流,可以把日历导航区域看成由许多Div叠加组合而成,通过...

    多输出方式的万年历

    - **星晴几输出**:即用户输入年月日后,程序能够返回这一天是一周中的哪一天(如星期一、星期二等)。这对于日常安排具有较高的实用价值。 **3. 实现技术** - **结构体定义**:程序中定义了一个`myDATE`结构体,...

    vue实现简单的日历效果

    `hasMsg`变量用来判断是否需要显示某一天的事项信息,通过判断`date_str`是否和`jsonHtml`数组中的`date`匹配,来决定是否要显示事项详情。 需要注意的是,由于文档的内容在某些部分可能存在OCR识别错误,这可能会...

    C语言万年历查询系统

    - **实现原理**:通过计算该月的第一天是星期几,然后生成整个月的日历视图。 - **技术要点**: - 使用了`GetMonth(int D, int md, int n)`函数来计算并打印指定月份的日历。 - 需要考虑到平年和闰年的差异,...

Global site tag (gtag.js) - Google Analytics