歡迎點擊此處訂閱本Blog" />

欧美三区_成人在线免费观看视频_欧美极品少妇xxxxⅹ免费视频_a级毛片免费播放_鲁一鲁中文字幕久久_亚洲一级特黄

在CSDN論壇偶得的兩款不錯的js日歷控件

系統(tǒng) 1777 0
<!-- Feedsky FEED發(fā)布代碼開始 --> 歡迎點擊此處訂閱本Blog <!-- FEED自動發(fā)現(xiàn)標記開始 --> <link title="RSS 2.0" type="application/rss+xml" rel="alternate"> <!-- FEED自動發(fā)現(xiàn)標記結束 --> Blog 訂閱

<!--Google 468*60橫幅廣告開始--><script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; google_ad_width = 468; google_ad_height = 60; google_ad_format = "468x60_as"; google_ad_type = "image"; //2007-07-26: CSDN google_ad_channel = "6063905817"; google_color_border = "6699CC"; google_color_bg = "E6E6E6"; google_color_link = "FFFFFF"; google_color_text = "333333"; google_color_url = "AECCEB"; google_ui_features = "rc:6"; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><!--Google 468*60橫幅廣告結束-->

第一個 ：是一款強大的日歷控件，目前看來是免費的，支持IE 6.0+/Firefox 2.0+/Opera 9.5+/Safari 3.0+
下載地址： http://www.my97.net/dp/index.asp
這里是作者在CSDN的blog： http://blog.csdn.net/my97/

第二個 ：簡潔的JS代碼控件，直接放在文件中即可，不需任何外部文件。但是似乎不支持FF，很可惜
代碼如下——
  1. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. < html xmlns = "http://www.w3.org/1999/xhtml" >
  3. < head >
  4. < meta http-equiv = "Content-Type" content = "text/html;charset=gb2312" />
  5. < title > 無標題文檔 </ title >
  6. < script language = "JavaScript" type = "text/JavaScript" >
  7. //日期選擇
  8. //ByZiyue(http://www.web-v.com/)
  9. var months = new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");
  10. var daysInMonth = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
  11. var days = new Array("日","一","二","三","四","五","六");
  12. vartoday;
  14. document.writeln(" < div id = 'Calendar' style = 'position:absolute;z-index:1;visibility:hidden;filter:/"progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=3)/"' > </ div > ");
  16. functiongetDays(month,year)
  17. {
  18. //下面的這段代碼是判斷當前是否是閏年的
  19. if( 1 ==month)
  20. return(( 0 ==year%4)&&(0!=(year%100)))||( 0 ==year%400)?29:28;
  21. else
  22. returndaysInMonth[month];
  23. }
  25. functiongetToday()
  26. {
  27. //得到今天的年,月,日
  28. this.now = new Date();
  29. this this.year =this.now.getFullYear();
  30. this this.month =this.now.getMonth();
  31. this this.day =this.now.getDate();
  32. }
  34. functiongetStringDay(str)
  35. {
  36. //得到輸入框的年,月,日
  37. var str str =str.split("-")
  39. this.now = new Date(parseFloat(str[0]),parseFloat(str[1])-1,parseFloat(str[2]));
  40. this this.year =this.now.getFullYear();
  41. this this.month =this.now.getMonth();
  42. this this.day =this.now.getDate();
  43. }
  45. functionnewCalendar(){
  46. var parseYear = parseInt (document.all.Year.options[document.all.Year.selectedIndex].value);
  47. var new newCal =newDate(parseYear,document.all.Month.selectedIndex,1);
  48. var day =-1;
  49. var startDay = newCal .getDay();
  50. var daily = 0 ;
  52. if(( today.year ==newCal.getFullYear())&&( today.month ==newCal.getMonth()))
  53. day = today .day;
  55. var tableCal = document .all.calendar;
  56. var intDaysInMonth = getDays (newCal.getMonth(),newCal.getFullYear());
  58. for(var intWeek = 1 ;intWeek < tableCal.rows.length ;intWeek++)
  59. for(var intDay = 0 ;intDay < tableCal.rows [intWeek].cells.length;intDay++)
  60. {
  61. var cell = tableCal .rows[intWeek].cells[intDay];
  62. if(( intDay ==startDay)&&( 0 ==daily))
  63. daily = 1 ;
  65. if( day ==daily)//今天，調(diào)用今天的Class
  66. {
  67. cell.style.background = '#6699CC' ;
  68. cell.style.color = '#FFFFFF' ;
  69. // cell.style.fontWeight = 'bold' ;
  70. }
  71. elseif( intDay ==6)//周六
  72. cell.style.color = 'green' ;
  73. elseif( intDay ==0)//周日
  74. cell.style.color = 'red' ;
  76. if((daily > 0)&&(daily < =intDaysInMonth))
  77. {
  78. cell.innerText = daily ;
  79. daily++;
  80. }
  81. else
  82. cell.innerText = "" ;
  83. }
  84. }
  86. functionGetDate(InputBox)
  87. {
  88. varsDate;
  89. //這段代碼處理鼠標點擊的情況
  90. if( event.srcElement.tagName =="TD")
  91. if(event.srcElement.innerText!="")
  92. {
  93. sDate = document .all.Year.value+"-"+document.all.Month.value+"-"+event.srcElement.innerText;
  94. eval("document.all."+InputBox) .value = sDate ;
  95. HiddenCalendar();
  96. }
  97. }
  99. functionHiddenCalendar()
  100. {
  101. //關閉選擇窗口
  102. document.all.Calendar.style.visibility = 'hidden' ;
  103. }
  105. functionShowCalendar(InputBox)
  106. {
  107. varx,y,intLoop,intWeeks,intDays;
  108. varDivContent;
  109. varyear,month,day;
  110. var o = eval ("document.all."+InputBox);
  111. varthisyear;//真正的今年年份
  113. thisyear = new getToday();
  114. thisyear thisyear =thisyear.year;
  116. today =o.value;
  117. if(isDate(today))
  118. today = new getStringDay(today);
  119. else
  120. today = new getToday();
  122. //顯示的位置
  123. x = o .offsetLeft;
  124. y = o .offsetTop;
  125. while( o o =o.offsetParent)
  126. {
  127. x+=o.offsetLeft;
  128. y+=o.offsetTop;
  129. }
  130. document.all.Calendar.style.left = x +2;
  131. document.all.Calendar.style.top =y+20;
  132. document.all.Calendar.style.visibility = "visible" ;
  134. //下面開始輸出日歷表格(border-color:#9DBAF7)
  135. DivContent = "<tableborder='0'cellspacing='0'style='border:1pxsolid#0066FF;background-color:#EDF2FC'>" ;
  136. DivContent+=" < tr > ";
  137. DivContent+=" < td style = 'border-bottom:1pxsolid#0066FF;background-color:#C7D8FA' > ";
  139. //年
  140. DivContent+=" < select name = 'Year' id = 'Year' onChange = 'newCalendar()' style = 'font-family:Verdana;font-size:12px' > ";
  141. for( intLoop = thisyear -35;intLoop < (thisyear+2);intLoop++)
  142. DivContent+=" < option value = "+intLoop+" "+( today.year ==intLoop?"Selected":"")+" > "+intLoop+" </ option > ";
  143. DivContent+=" </ select > ";
  145. //月
  146. DivContent+=" < select name = 'Month' id = 'Month' onChange = 'newCalendar()' style = 'font-family:Verdana;font-size:12px' > ";
  147. for( intLoop = 0 ;intLoop < months.length ;intLoop++)
  148. DivContent+=" < option value = "+(intLoop+1)+" "+( today.month ==intLoop?"Selected":"")+" > "+months[intLoop]+" </ option > ";
  149. DivContent+=" </ select > ";
  151. DivContent+=" </ td > ";
  153. DivContent+=" < td style = 'border-bottom:1pxsolid#0066FF;background-color:#C7D8FA;font-weight:bold;font-family:Wingdings2,Wingdings,Webdings;font-size:16px;padding-top:2px;color:#4477FF;cursor:hand' align = 'center' title = '關閉' onClick = 'javascript:HiddenCalendar()' > S </ td > ";
  154. DivContent+=" </ tr > ";
  156. DivContent+=" < tr > < td align = 'center' colspan = '2' > ";
  157. DivContent+=" < table id = 'calendar' border = '0' width = '100%' > ";
  159. //星期
  160. DivContent+=" < tr > ";
  161. for( intLoop = 0 ;intLoop < days.length ;intLoop++)
  162. DivContent+=" < td align = 'center' style = 'font-size:12px' > "+days[intLoop]+" </ td > ";
  163. DivContent+=" </ tr > ";
  165. //天
  166. for( intWeeks = 0 ;intWeeks < 6 ;intWeeks++)
  167. {
  168. DivContent+=" < tr > ";
  169. for( intDays = 0 ;intDays < days.length ;intDays++)
  170. DivContent+=" < td onClick = 'GetDate(/""+InputBox+"/")' style = 'cursor:hand;border-right:1pxsolid#BBBBBB;border-bottom:1pxsolid#BBBBBB;color:#215DC6;font-family:Verdana;font-size:12px' align = 'center' > </ td > ";
  171. DivContent+=" </ tr > ";
  172. }
  173. DivContent+=" </ table > </ td > </ tr > </ table > ";
  175. document.all.Calendar.innerHTML = DivContent ;
  176. newCalendar();
  177. }
  179. functionisDate(dateStr)
  180. {
  181. var datePat =/^(/d{4})(/-)(/d{1,2})(/-)(/d{1,2})$/;
  182. var matchArray = dateStr .match(datePat);
  183. if( matchArray ==null)returnfalse;
  184. var month = matchArray [3];
  185. var day = matchArray [5];
  186. var year = matchArray [1];
  187. if(month < 1 ||month > 12)returnfalse;
  188. if(day < 1 ||day > 31)returnfalse;
  189. if(( month ==4|| month ==6|| month ==9|| month ==11)&& day ==31)returnfalse;
  190. if( month ==2)
  191. {
  192. var isleap =(year% 4 ==0&&(year%100!=0||year% 400 ==0));
  193. if(day > 29||( day ==29&&!isleap))returnfalse;
  194. }
  195. returntrue;
  196. }
  197. </ script >
  198. </ head >
  200. < body >
  201. < tr style = "background:#F3F3F3;" >
  202. < td class = "label" > 出生年月： </ td >
  203. < td class = "style1" >
  204. < input name = "birth" type = "text" id = "birth" title = "點擊選擇" onClick = "javascript:ShowCalendar(this.id)" size = "27" >
  205. < input type = "button" name = "Submit" value = "選擇" onClick = "javascript:ShowCalendar('birth')" >
  207. </ td >
  208. </ tr >
  209. </ body >
  210. </ html >
經(jīng)測試IE可用，直接粘貼代碼即可。
感謝CSDN論壇的flysocket和sy_binbin二位 原帖地址在此： http://topic.csdn.net/u/20080830/15/8b23fa0a-bac4-4d2f-93c4-3d4cee55b048.html

<!--新Google 468*60橫幅廣告開始--><script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; /* 468x60, 創(chuàng)建于 08-8-6 */ google_ad_slot = "7368701459"; google_ad_width = 468; google_ad_height = 60; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><!--新Google 468*60橫幅廣告結束-->

<!--新Google 468x15 橫鏈接單元開始--><script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; /* 468x15 橫鏈接單元 */ google_ad_slot = "5785741422"; google_ad_width = 468; google_ad_height = 15; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><!--新Google 468x15 橫鏈接單元結束-->

<!-- Google Reader shared發(fā)布代碼開始 --><script type="text/javascript" src="http://www.google.com/reader/ui/publisher.js"></script><script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/00697638153916680411/state/com.google/broadcast?n=5&amp;callback=GRC_p(%7Bc%3A%22green%22%2Ct%3A%22%5Cu8FD9%5Cu4E9B%5Cu6587%5Cu7AE0%5Cu4E5F%5Cu503C%5Cu5F97%5Cu4E00%5Cu770B%22%2Cs%3A%22false%22%7D)%3Bnew%20GRC"></script><!-- Google Reader shared發(fā)布代碼結束 -->

在CSDN論壇偶得的兩款不錯的js日歷控件


更多文章、技術交流、商務合作、聯(lián)系博主

微信掃碼或搜索：z360901061

微信掃一掃加我為好友

QQ號聯(lián)系： 360901061

您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。

【本文對您有幫助就好】元

您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧，站長會非常 感謝您的哦！！！

發(fā)表我的評論
最新評論 總共0條評論
主站蜘蛛池模板： 毛片免费观看完整版 | 一级片在线视频 | 起视碰碰97摸摸碰碰视频 | 日产国产精品久久久久久 | 国产精品无码人妻无码色情多人 | 亚洲第一区视频在线观看 | 国产精品久久久久久亚洲色 | 欧美日韩国产一区二区三区伦 | 免费一级毛片麻豆精品 | 国产亚洲精品一品区99热 | 91精品国产91久久久久久吃药 | 91视频进入| 91中文字幕在线观看 | 三级视频在线播放 | 欧美日韩a | 黄色资源视频 | 久久久9999久久精品小说 | 午夜网站入口 | 中文字幕网在线 | 日韩一二三区视频 | 国产精品福利片免费看 | 久久99精品久久久久久琪琪 | 综合色久 | 久久一区精品 | 欧美极品一区二区 | 久9视频这里只有精品8 | 丁香花婷婷 | 国产亚洲美女精品久久久久 | av在线免费播放网站 | 三区在线视频 | 国产精品福利片免费看 | 538亚洲欧美国产日韩在线精品 | 一区二区三区视频免费 | 草草视频手机在线观看视频 | 91精选视频 | 特黄特色的免费大片看看 | 天天操婷婷 | 欧美黑人乱大交 | 成人欧美一区二区三区在线观看 | 欧美成人区 | 特黄视频 |