`
xuantian868
  • 浏览: 30410 次
  • 性别: Icon_minigender_1
  • 来自: 济南
最近访客 更多访客>>
社区版块
存档分类
最新评论

画出一年的日历

J# 
阅读更多
<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] = "&nbsp;";
			  }
			  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]!="&nbsp;"){
		    				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>


设置某个checkbox处于选中状态checked
设置某个checkbox处于不可编辑状态checked
年也可以设置为选择的,这里暂时写成2009.
分享到:
评论

相关推荐

    一款不错的安卓日历控件实现效果

    该项目实现了日历的功能,可以通过点击日历上方的按钮进行切换上一年、上一月、下一年、下一月,点击没一天时,系统会记录锁选的日期,在页面上展示出来,功能很强大。

    origin-calendar:日历、角出汗和离子手势的实现

    原始日历日历实现,使用角度和离子手势。特征: 手势行动向上滑动将一年添加到当前日期刷下减少一年到当前日期向右滑动将一个月添加到当前日期向左滑动减少一个月到当前日期轻敲选择一天我不确定上面描述的滑动方向...

    Hoje, na Liturgia Católica Romana-crx插件

    在罗马天主教堂,宗教周期将Gregorian一年划分为一系列礼仪时期。 该延期展示了今年的季节,他们每个人的程度以及互动动画中Gregorian日历的日期,周和月份。 延期包括与圣诞节读数的链接,每天的每一天和圣徒的日历...

    generate_life_calendar:生成个人90年生活日历海报

    它基本上是一张海报上的你一生的日历,一个盒子代表一周,一行代表一年(52 个盒子),90 行代表 90 年。 我喜欢把它挂在墙上,有一段时间我尝试用它来标记过去的重大事件,以及未来的目标和计划。 但是,由于 Life...

    Ashampoo Photo Commander v12.0.7 中文版.rar

    Ashampoo Photo Commander 迎来了全新版本8的华丽转身,它拥有了您所需要的所有照片编辑工具,制作动态相册、贺卡、日历等功能一应俱全,它可以方便管理编辑你的数码文件,包括管理图片、照片、视频等等文件 ...

    JAVA 范例大全 光盘 资源

    实例9 打印任一年日历 23 实例10 控制台输出几何图形 26 实例11 杨辉三角 28 实例12 拜访过程(break和continue) 29 常见问题 for循环初始化问题 31 .第4章 数组 32 实例13 一维数组复制、插入和合并 32 ...

    Java范例开发大全 (源程序)

     实例33 打印任意一年日历 48  实例34 一年四季的划分 51  第2篇 Java数据处理  第4章 异常处理(教学视频:62分钟) 54  4.1 编译时异常 54  实例35 除0发生的算术异常(ArithmeticException) 54  ...

    java范例开发大全(pdf&源码)

    实例33 打印任意一年日历 48 实例34 一年四季的划分 51 第2篇 Java数据处理 第4章 异常处理(教学视频:62分钟) 54 4.1 编译时异常 54 实例35 除0发生的算术异常(ArithmeticException) 54 实例36 数组下标越界...

    java范例开发大全源代码

     实例33 打印任意一年日历 48  实例34 一年四季的划分 51  第2篇 Java数据处理  第4章 异常处理(教学视频:62分钟) 54  4.1 编译时异常 54  实例35 除0发生的算术异常(ArithmeticException) 54 ...

    java范例开发大全

    实例33 打印任意一年日历 48 实例34 一年四季的划分 51 第2篇 Java数据处理 第4章 异常处理(教学视频:62分钟) 54 4.1 编译时异常 54 实例35 除0发生的算术异常(ArithmeticException) 54 实例36 数组下标越界...

    Java范例开发大全(全书源程序)

    实例33 打印任意一年日历 48 实例34 一年四季的划分 51 第2篇 Java数据处理 第4章 异常处理(教学视频:62分钟) 54 4.1 编译时异常 54 实例35 除0发生的算术异常(ArithmeticException) 54 实例36 数组下标...

    java源码包---java 源码 大量 实例

     Java zip压缩包查看程序,应用弹出文件选择框,选择ZIP格式的压缩文件,可以像Winrar软件一样查看压缩文件内部的文件及文件夹,源码截图如上所示。 Java 数字签名、数字证书生成源码 2个目标文件 摘要:JAVA源码,...

    JAVA上百实例源码以及开源项目源代码

     Java zip压缩包查看程序,应用弹出文件选择框,选择ZIP格式的压缩文件,可以像Winrar软件一样查看压缩文件内部的文件及文件夹,源码截图如上所示。 Java 数字签名、数字证书生成源码 2个目标文件 摘要:JAVA源码,...

    JAVA上百实例源码以及开源项目

     Java zip压缩包查看程序,应用弹出文件选择框,选择ZIP格式的压缩文件,可以像Winrar软件一样查看压缩文件内部的文件及文件夹,源码截图如上所示。 Java 数字签名、数字证书生成源码 2个目标文件 摘要:JAVA源码,...

    java源码包2

     Java zip压缩包查看程序,应用弹出文件选择框,选择ZIP格式的压缩文件,可以像Winrar软件一样查看压缩文件内部的文件及文件夹,源码截图如上所示。 Java 数字签名、数字证书生成源码 2个目标文件 摘要:JAVA源码...

    java源码包3

     Java zip压缩包查看程序,应用弹出文件选择框,选择ZIP格式的压缩文件,可以像Winrar软件一样查看压缩文件内部的文件及文件夹,源码截图如上所示。 Java 数字签名、数字证书生成源码 2个目标文件 摘要:JAVA源码...

    java源码包4

     Java zip压缩包查看程序,应用弹出文件选择框,选择ZIP格式的压缩文件,可以像Winrar软件一样查看压缩文件内部的文件及文件夹,源码截图如上所示。 Java 数字签名、数字证书生成源码 2个目标文件 摘要:JAVA源码...

Global site tag (gtag.js) - Google Analytics