返回列表
发布日期: 2008-10-23 发布者: licaiks 中文编程图书最低价热卖  English Programming Books 1#
前几天同学问我有没有记事日历控件，我肯定没有，到网上找了半天，发现网上对这一块根本都没有涉及，只是winform方面的有很多。没有办法，只有自己写一个，研究发现：日历控件根本于记事控件基本上没有什么区别，差别就是在于：记事控件要将需要做的事情再日历控件上面体现出来。
  1. var solarMonth=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
  2. var width = "200";
  3. var offsetx = 2;
  4. var offsety = 8;
  5. var x=0;
  6. var y=0;
  7. var snow=0;
  8. var sw = 0;
  9. var cnt = 0;
  10. var dStyle;
  11. var Today = new Date();
  12. var tY = Today.getFullYear();
  13. var tM = Today.getMonth();
  14. var tD = Today.getDate();

  16. document.onmousemove = mEvn;

  18. //显示某一个月的天数
  19. function solarDays(y,m) {
  20. if(m==1)
  21. return(((y%4 == 0) && (y%100 != 0) || (y%400 == 0))? 29: 28);
  22. else
  23. return(solarMonth[m]);
  24. }

  26. function selectOnchange()
  27. {
  28. var m;
  29. var y;
  30. y=document.getElementById("ys").selectedIndex+1900;
  31. m=document.getElementById("ms").selectedIndex;
  32. DateLay(y,m);
  33. }

  35. function getString()
  36. {
  37. return "今天有事情！";
  38. }
  39. function DateLay(y,m)
  40. {
  41. for(i=0;i<42;i++)
  42. {
  43. sdobj=window.document.getElementById("sd"+i);
  44. sdobj.innerHTML="";
  45. obj=new Date(y,m,1,0,0,0,0);
  46. obj.getDay();//当月的1号的星期几
  47. sd=i-obj.getDay();
  48. //window.location.href=
  49. if(sd>-1 && sd<SOLARDAYS(Y,M))
  50. {
  51. var sdate=y+"-"+(m+1)+"-"+(sd+1);
  52. var arrs=getString();
  53. // alert(arr[0]+""+arr[1]+""+sdate);
  54. for(var k=0;k<ARRS.LENGTH;K++)
  55. {
  56. if((arrs[k]!=null)&&(arrs[k]!=""))
  57. {
  58. // alert(sdate+"{}" +arrs[k]+"{}"+arrs[k].split("||")[0]);
  59. if(sdate==arrs[k].split("||")[0])
  60. {
  61. sdobj.innerHTML=""+(sd+1)+"
  62. "+arrs[k].split("||")[1]+"";
  63. break;
  64. }
  65. else
  66. {
  67. sdobj.innerHTML=""+(sd+1)+"
  68. ";
  69. }
  70. }
  71. }
  72. }
  73. }
  74. }
  75. function showInfo(v)
  76. {
  77. var s,festival;
  78. var sObj=document.getElementById('sd'+ v);
  79. var d=sObj.innerHTML-1;
  80. y=document.getElementById("ys").selectedIndex+1900;
  81. m=document.getElementById("ms").selectedIndex;

  83. if(sObj.innerHTML!='')
  84. {
  85. sObj.style.cursor = 's-resize';
  86. var sdate=y+"-"+(m+1)+"-"+(v-2);
  87. var arr=getString();
  88. //alert(arr[0]+"||"+sdate+"||"+(v-2));
  89. //alert(sdate==arr[0]);
  90. if(sdate==arr[0])
  91. {
  92. s=""+arr[1]+""
  93. document.getElementById("detail").innerHTML = s;
  94. }
  95. // alert(snow);
  96. if (snow == 0)
  97. {
  98. dStyle.style.left = x+offsetx-(width/2)+"px";
  99. dStyle.style.top = y+offsety+"px";
  100. dStyle.style.display = "block";
  101. snow = 1;
  102. }
  103. }
  104. }

  106. function getString()
  107. {
  108. var desc=window.document.getElementById("Hidden1").value;
  109. var arr=desc.split(";");
  110. return arr;
  111. }

  113. function hideinfo()
  114. {
  115. if ( cnt >= 1 ) { sw = 0; }
  116. if ( sw == 0 ) { snow = 0; dStyle.style.display = "none";}
  117. else cnt++;
  118. }

  120. function mEvn(event)
  121. {
  122. if(event==null)event=window.event;//IE
  123. x=event.x ? event.x : event.pageX
  124. y=event.y ? event.y : event.pageY;
  125. if (document.body.scrollLeft==0)
  126. {
  127. x=event.x+document.body.scrollLeft;
  128. y=event.y+document.body.scrollTop;
  129. }
  130. else if (snow==0)
  131. {
  132. dStyle.style.left = x+offsetx-(width/2)+"px";
  133. dStyle.style.top = y+offsety+"px";
  134. }
  135. }

  137. function initData()
  138. {
  139. var element=window.form1.elements;
  140. for(var i=0;i<ELEMENT.LENGTH;I++)
  141. {
  142. window.document.getElementById("divgroup").style.display="block";
  143. if(i==element.length-1)
  144. {
  145. window.document.getElementById("divgroup").style.display="none";
  146. }
  147. }
  148. dStyle=document.getElementById("detail");
  149. document.getElementById("ys").selectedIndex=tY-1900;
  150. document.getElementById("ms").selectedIndex=tM;
  151. DateLay(tY,tM);
  152. }
复制代码
对于上面  的函数：我只想说一点，getString()这个方法只是对后台获得字符串进行处理，对于后台你想以什么样的方式来组织字符串，你可以自己组织。对于点击日期连接到不通的地方，你可以再设置innerHtml的字符串中直接替换就可以了，代码直接写在aspx页面中，不是写在ascx中，稍后将贴出来ascx文件的控件，当然也可以以js文件组织这个控件。由于时间仓促，并没有对控件进行优化，阁下可以将这两个文件拿过去，自己重新优化一边，再贴上来，等有时间将这个控件整理一下子。

源码下载：附件: jishi.rar
TOP
返回列表