画出一年的日历

最新推荐文章于 2024-09-22 11:49:57 发布

最新推荐文章于 2024-09-22 11:49:57 发布 · 221 阅读

文章标签：

#J#

JavaScript 专栏收录该内容

11 篇文章

订阅专栏


<html>
<head>
    <title></title>
    <script>
    	function getDayAry(y,m){


    	 var mvArray = [];
			  var dayOfFirstDay = new Date(y, m, 1).getDay();//0:天;1:一;2:二;6:星期六
			  var daysOfMonth = new Date(y, m + 1, 0).getDate();
			  //alert(dayOfFirstDay+","+daysOfMonth);
			  for (var i = 0; i < 42; i++) {
			    mvArray[i] = " ";
			  }
			  for (var i = 0; i < daysOfMonth; i++){
			    mvArray[i + dayOfFirstDay] = i + 1;
			  }
			  //alert(mvArray);
  			return mvArray;	

    	}	
    	function draw(){

    		var str="<table cellpadding='3' cellspacing='1'><tr>";
    		for(var L=0;L<12;L++){
    				var ary=getDayAry(2009,L);
    				var m=L>9?(L+1):("0"+(L+1));
    				//alert(m);
    			if(L%3==0&&L!=0){
    				str=str+"</tr><tr>";	
    			}
    			 str=str+"<td>";
    			 str=str+"<table><tr><td colspan='7' align='center'>"+(L+1)+"月</td></tr><tr><td>天</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td></tr>";
		    		str=str+"<tr>";
		    		for(var i=0;i<ary.length;i++){


		    			if(i%7==0&&i!=0){
		    				str=str+"</tr><tr>";	
		    			}	
		    			if(ary[i]!=" "){
		    				str=str+"<td><input type='checkbox' name='dayChk' value='2009"+m+ary[i]+"' week='"+(i%7)+"'>"+ary[i]+"</td>";	
		    			}else{
		    				str=str+"<td>"+ary[i]+"</td>";	
		    			}

		    		}
    				str=str+"</table>";
    			 str=str+"</td>";

    		}
    		str=str+"</tr></table>";
    		alert(str);
    		document.getElementById("div1").innerHTML=str;
    	}

    	function chkAll(d){
    		//alert(d);
    		var chkAll=document.getElementById("chkAll"+d);    		
    		var chks=document.getElementsByTagName("input");
    		var flag=chkAll.checked;
    		alert(chks.length);
    		for(var j=0;j<chks.length;j++){
    			if(chks[j].type=="checkbox"&&chks[j].week==d){
							chks[j].checked=flag;
					}	
    		}

    	}

    	function getP(){
    		//得到页面上所有的input元素
    		var chks=$('input');
    		alert(chks.length);//得到所有input元素的个数    		
    	}
    </script>
</head>
<body onload="draw()">
						星期六<input type="checkbox" onclick="chkAll(6)" id="chkAll6">
						星期天<input type="checkbox" onclick="chkAll(0)" id="chkAll0">
            <input type="text" value="aaaaaaaa" id="tx1">
            <div id="div1"></div>

</body>
</html>