《超级简单好用的js日期控件》由会员分享，可在线阅读，更多相关《超级简单好用的js日期控件（12页珍藏版）》请在金锄头文库上搜索。
1、超级简单好用的超级简单好用的 JSJS 日期控件日期控件超级简单好用的 JS 日期控件作者：daisy 出处：个人博客 2007-11-28 9:41:56 阅读 4765 次 用的时候先在插入 然后输入框setday.js 代码如下：document.writeln();document.writeln();document.writeln();document.writeln();document.writeln( );document.writeln( );document.writeln( );document.writeln( 年月);document.writeln( );docu
2、ment.writeln( );document.writeln( );document.writeln();document.writeln(日);document.writeln(一二);document.writeln(三四);document.writeln(五六);document.writeln();document.writeln( );document.writeln( );var n=0; for (j=0;j); for (i=0;i);n+;document.writeln();document.writeln( );document.writeln( );documen
3、t.writeln( 关闭);document.writeln( );document.writeln( );document.writeln( “ onclick=“meizzNextM()“ );document.writeln( onfocus=“this.blur()“ title=“后一月“ style=“cursor: hand;BACKGROUND-COLOR: #808080;BORDER-BOTTOM: #808080 1px outset; BORDER-LEFT: #808080 1px outset; BORDER-RIGHT: #808080 1px outset;
4、BORDER-TOP: #808080 1px outset;font-size: 12px; height: 20px;color: #FFD700; font-weight: bold“ title=“后一年“ onclick=“meizzNextY()“);document.writeln( onfocus=“this.blur()“ style=“cursor: hand;BACKGROUND-COLOR: #808080;BORDER-BOTTOM: #808080 1px outset; BORDER-LEFT: #808080 1px outset; BORDER-RIGHT:
5、#808080 1px outset; BORDER-TOP: #808080 1px outset;font-size: 12px; height: 20px;color: #FFD700; font-weight: bold“);document.writeln();var outObject;function setday(tt,obj) /主调函数if (arguments.length 2)alert(“对不起！传入本控件的参数太多！“);return;if (arguments.length = 0)alert(“对不起！您没有传回本控件任何参数！“);return;var dad
6、s = document.all.meizzDateLayer.style;var th = tt;var ttop = tt.offsetTop; /TT 控件的定位点高var thei = tt.clientHeight; /TT 控件本身的高var tleft = tt.offsetLeft; /TT 控件的定位点宽var ttyp = tt.type; /TT 控件的类型while (tt = tt.offsetParent)ttop+=tt.offsetTop; tleft+=tt.offsetLeft;dads.top = (ttyp=“image“)? ttop+thei : t
7、top+thei+6;dads.left = tleft;outObject = (arguments.length = 1) ? th : obj;dads.display = ;event.returnValue=false;var MonHead = new Array(12); /定义阳历中每个月的最大天数MonHead0 = 31; MonHead1 = 28; MonHead2 = 31; MonHead3 = 30; MonHead4 = 31; MonHead5 = 30;MonHead6 = 31; MonHead7 = 31; MonHead8 = 30; MonHead9
8、 = 31; MonHead10 = 30; MonHead11 = 31;var meizzTheYear=new Date().getFullYear(); /定义年的变量的初始值var meizzTheMonth=new Date().getMonth()+1; /定义月的变量的初始值var meizzWDay=new Array(37); /定义写日期的数组function document.onclick() /任意点击时关闭该控件 with(window.event.srcElement) if (tagName != “INPUT“ function meizzWriteHead
9、(yy,mm) /往 head 中写入当前的年与月 document.all.meizzYearHead.innerText = yy;document.all.meizzMonthHead.innerText = mm;function tmpSelectYearInnerHTML(strYear) /年份的下拉框if (strYear.match(/D/)!=null)alert(“年份输入参数不是数字！“);return;var m = (strYear) ? strYear : new Date().getFullYear();if (m 9999) alert(“年份值不在 1000
10、 到 9999 之间！“);return;var n = m - 10;if (n 9999) n = 9974;var s = “ “;var selectInnerHTML = s;for (var i = n; i “ + i + “年“ + “ “;else selectInnerHTML += “ + i + “年“ + “ “;selectInnerHTML += “;document.all.tmpSelectYearLayer.style.display=“;document.all.tmpSelectYearLayer.innerHTML = selectInnerHTML;
11、document.all.tmpSelectYear.focus();function tmpSelectMonthInnerHTML(strMonth) /月份的下拉框if (strMonth.match(/D/)!=null)alert(“月份输入参数不是数字！“);return;var m = (strMonth) ? strMonth : new Date().getMonth() + 1;var s = “ “;var selectInnerHTML = s;for (var i = 1; i “+i+“月“+“ “;else selectInnerHTML += “+i+“月“+“
12、 “;selectInnerHTML += “;document.all.tmpSelectMonthLayer.style.display=“;document.all.tmpSelectMonthLayer.innerHTML = selectInnerHTML;document.all.tmpSelectMonth.focus();function closeLayer() /这个层的关闭document.all.meizzDateLayer.style.display=“none“;function document.onkeydown()if (window.event.keyCod
13、e=27)document.all.meizzDateLayer.style.display=“none“;function IsPinYear(year) /判断是否闰平年if (0=year%4else return false;function GetMonthCount(year,month) /闰年二月为 29 天var c=MonHeadmonth-1;if(month=2)return c;function GetDOW(day,month,year) /求某天的星期几var dt=new Date(year,month-1,day).getDay()/7; return dt;
14、function meizzPrevY() /往前翻 Yearif(meizzTheYear 999 meizzTheMonth=12;meizzSetDay(meizzTheYear,meizzTheMonth);function meizzNextM() /往后翻月份if(meizzTheMonth=12)meizzTheYear+;meizzTheMonth=1elsemeizzTheMonth+meizzSetDay(meizzTheYear,meizzTheMonth);function meizzSetDay(yy,mm) /主要的写程序*meizzWriteHead(yy,mm);for (var i = 0; i “ + meizzWDayi + “;da.style.backgroundColor = (yy = new Date().getFullYear() da.style.cursor=“hand“elseda.innerHTML=“;da.style.backgroundColor=“;da.style.cursor=“default“function meizzDayClick(n) /点击显示框选取日期，主输入函数*var yy = meizzTheYear;var mm = meizzTheMonth;if (mm
