上海奉贤 网站建设
网站首页 >> 用下拉方式展开时间月份，然后选择想要的时间，做程序时用
用下拉方式展开时间月份，然后选择想要的时间，做程序时用
发布于：2008-10-28 已被阅读： 次 来源：上海奉贤网站建设
<HTML><HEAD><META http-equiv='Content-Type' content='text/html; charset=gb2312'><TITLE>用下拉方式展开时间月份，然后选择想要的时间，做程序时用</TITLE></HEAD><BODY ><SCRIPT LANGUAGE="JavaScript"><!--//有效的时间范围 var date_start,date_end,g_objectvar today = new Date();var separator="-";var inover=false;//mode :时间变换的类型0-年 1-月 2-直接选择月function change_date(temp,mode){var t_month,t_year if (mode){ if(mode==1) t_month=parseInt(cele_date_month.value,10)+parseInt(temp,10); else t_month=parseInt(temp) if (t_month<cele_date_month.options(0).text) { cele_date_month.value=cele_date_month.options(cele_date_month.length-1).text; change_date(parseInt(cele_date_year.value,10)-1,0); } else{ if (t_month>cele_date_month.options(cele_date_month.length-1).text){ cele_date_month.value=cele_date_month.options(0).text; change_date(parseInt(cele_date_year.value,10)+1,0); } else {cele_date_month.value=t_month; set_cele_date(cele_date_year.value,cele_date_month.value); } } } else{ t_year=parseInt(temp,10); if (t_year<cele_date_year.options(0).text) { cele_date_year.value=cele_date_year.options(0).text; set_cele_date(cele_date_year.value,1); } else{ if (parseInt(t_year,10)>parseInt(cele_date_year.options(cele_date_year.length-1).text,10)){ cele_date_year.value=cele_date_year.options(cele_date_year.length-1).text; set_cele_date(cele_date_year.value,12); } else {cele_date_year.value=t_year; set_cele_date(cele_date_year.value,cele_date_month.value); } } } /*********2002-02-01 MODIFY BY WING **************/ window.cele_date.focus(); /****************MODIFY END***********************/}//初始化日历function init(d_start,d_end){ var temp_str; var i=0 var j=0 date_start=new Date(2000,7,1) date_end=new Date(2004,8,1) //必须要有内容（奇怪） /*************************2002-02-01 MODIFY BY WING *********************************************************************************/ document.writeln("<div name=\"cele_date\" id=\"cele_date\" style=\"display:none\" style=\"LEFT: 69px; POSITION: absolute; TOP: 159px;Z-INDEX:99\" onClick=\"event.cancelBubble=true;\" onBlur=\"hilayer()\" onMouseout=\"lostlayerfocus()\">? </div>"); /*******************************************MODIFY END*******************************************************************************/ window.cele_date.innerHTML=""; temp_str="<table border=\"1\" bgcolor=\"#4682b4\" bordercolor=\"white\"><tr><td colspan=7 onmouseover=\"overcolor(this)\">"; temp_str+="<input type=\"Button\" value=\"<<\" onclick=\"change_date(-1,1)\" onmouseover=\"getlayerfocus()\" style=\"color: #FFFFFF; background-color: #5d7790; cursor: hand\">?";//左面的箭头 /**************************2002-02-01 MODIFY BY WING ********************************************************************************/ /*temp_str+="<input type=\"Button\" value=\"<<\" onclick=\"change_date(-1,1)\" >?";//左面的箭头 */ /************************************************************************************************************************************/ temp_str+=""//年 temp_str+="<select name=\"cele_date_year\" id=\"cele_date_year\" language=\"javascript\" onchange=\"change_date(this.value,0)\" onmouseover=\"getlayerfocus()\" onblur=\"getlayerfocus()\" style=\"font-size: 9pt; border: 1px #666666 outset; background-color: #F4F8FB\">" /**************************2002-02-01 MODIFY BY WING ********************************************************************************/ /*temp_str+="<select name=\"cele_date_year\" id=\"cele_date_year\" language=\"javascript\" onchange=\"change_date(this.value,0)\">" */ /************************************************************************************************************************************/ for (i=2000;i<=2020;i++) { temp_str+="<OPTION value=\""+i.toString()+"\">"+i.toString()+"</OPTION>"; } temp_str+="</select>?"; temp_str+=""//月 temp_str+="<select name=\"cele_date_month\" id=\"cele_date_month\" language=\"javascript\" onchange=\"change_date(this.value,2)\" onmouseover=\"getlayerfocus()\" onblur=\"getlayerfocus()\" style=\"font-size: 9pt; border: 1px #666666 outset; background-color: #F4F8FB\">" /**************************2002-02-01 MODIFY BY WING **********************************************************************************/ /*temp_str+="<select name=\"cele_date_month\" id=\"cele_date_month\" language=\"javascript\" onchange=\"change_date(this.value,2)\">" */ /**************************************************************************************************************************************/ for (i=1;i<=12;i++) { temp_str+="<OPTION value=\""+i.toString()+"\">"+i.toString()+"</OPTION>"; } temp_str+="</select>?"; temp_str+=""//右箭头 temp_str+="<input type=\"Button\" value=\">>\" onclick=\"change_date(1,1)\" onmouseover=\"getlayerfocus()\" style=\"color: #FFFFFF; background-color: #5d7790; cursor: hand\">"; /**************************2002-02-01 MODIFY BY WING ********************************************************************************/ /*temp_str+="<input type=\"Button\" value=\">>\" onclick=\"change_date(1,1)\">"; */ /************************************************************************************************************************************/ temp_str+="</td></tr><tr><td onmouseover=\"overcolor(this)\">" temp_str+="<font color=red>Su</font></td><td>";temp_str+="Mo</td><td>"; temp_str+="Tu</td><td>"; temp_str+="We</td><td>" temp_str+="Th</td><td>";temp_str+="Fr</td><td>"; temp_str+="Sa</td></tr>"; for (i=1 ;i<=6 ;i++) { temp_str+="<tr>"; for(j=1;j<=7;j++){ temp_str+="<td name=\"c"+i+"_"+j+"\"id=\"c"+i+"_"+j+"\" style=\"CURSOR: hand\" style=\"COLOR:#000000\" language=\"javascript\" onmouseover=\"overcolor(this)\" onmouseout=\"outcolor(this)\" onclick=\"td_click(this)\">?</td>" } temp_str+="</tr>" } temp_str+="</td></tr></table>"; window.cele_date.innerHTML=temp_str;}function set_cele_date(year,month){ var i,j,p,k var nd=new Date(year,month-1,1); event.cancelBubble=true; cele_date_year.value=year; cele_date_month.value=month; k=nd.getDay()-1 var temp; for (i=1;i<=6;i++) for(j=1;j<=7;j++) { eval("c"+i+"_"+j+".innerHTML=\"\""); eval("c"+i+"_"+j+".bgColor=\"#4682b4\""); eval("c"+i+"_"+j+".style.cursor=\"hand\""); } while(month-1==nd.getMonth()) { j=(nd.getDay() +1); p=parseInt((nd.getDate()+k) / 7)+1; eval("c"+p+"_"+j+".innerHTML="+"\""+nd.getDate()+"\""); if ((nd.getDate()==today.getDate())&&(cele_date_month.value==today.getMonth()+1)&&(cele_date_year.value==today.getYear())){ eval("c"+p+"_"+j+".bgColor=\"#EFFB64\""); } if (nd>date_end || nd<date_start) { eval("c"+p+"_"+j+".bgColor=\"#FF9999\""); eval("c"+p+"_"+j+".style.cursor=\"text\""); } nd=new Date(nd.valueOf() + 86400000) }}//s_object：点击的对象；d_start-d_end有效的时间区段；需要存放值的控件；function show_cele_date(eP,d_start,d_end,t_object){window.cele_date.style.display="";window.cele_date.style.zIndex=99var s,cur_dvar eT = eP.offsetTop; var eH = eP.offsetHeight+eT; var dH = window.cele_date.style.pixelHeight; var sT = document.body.scrollTop; var sL = document.body.scrollLeft; event.cancelBubble=true;window.cele_date.style.posLeft = event.clientX-event.offsetX+sL-5; window.cele_date.style.posTop = event.clientY-event.offsetY+eH+sT-5;if (window.cele_date.style.posLeft+window.cele_date.clientWidth>document.body.clientWidth) window.cele_date.style.posLeft+=eP.offsetWidth-window.cele_date.clientWidth;//if (window.cele_date.style.posTop+window.cele_date.clientHeight>document.body.clientHeight) window.cele_date.style.posTop-=(eP.offsetHeight+window.cele_date.clientHeight+5);if (d_start!=""){ if (d_start=="today"){ date_start=new Date(today.getYear(),today.getMonth(),today.getDate()); }else{ s=d_start.split(separator); date_start=new Date(s[0],s[1]-1,s[2]); }}else{ date_start=new Date(1900,1,1);}if (d_end!=""){ s=d_end.split(separator); date_end=new Date(s[0],s[1]-1,s[2]);}else{ date_end=new Date(3000,1,1);}g_object=t_objectcur_d=new Date()set_cele_date(cur_d.getYear(),cur_d.getMonth()+1);window.cele_date.style.display="block";/***************2002-02-01 MODIFY BY WING ***********/window.cele_date.focus();/****************MODIFY END**************************/}function td_click(t_object){var t_dif (parseInt(t_object.innerHTML,10)>=1 && parseInt(t_object.innerHTML,10)<=31 ) { t_d=new Date(cele_date_year.value,cele_date_month.value-1,t_object.innerHTML)if (t_d<=date_end && t_d>=date_start){var year = cele_date_year.value;var month = cele_date_month.value;var day = t_object.innerHTML;if (parseInt(month)<10) month = "0" + month;if (parseInt(day)<10) day = "0" + day;g_object.value=year+separator+month+separator+day;window.cele_date.style.display="none";};}}function h_cele_date(){window.cele_date.style.display="none";}function overcolor(obj){ if (obj.style.cursor=="hand") obj.style.color = "#FFFFFF"; /*********** 2002-02-01 MODIFY BY WING *****/ inover=true; window.cele_date.focus(); /************* MODIFY END ******************/}function outcolor(obj){ obj.style.color = "#000000"; /*********** 2002-02-01 MODIFY BY WING *****/ inover=false; /************* MODIFY END ******************/}function getNow(o){ var Stamp=new Date(); var year = Stamp.getYear(); var month = Stamp.getMonth()+1; var day = Stamp.getDate(); if(month<10){month="0"+month; } if(day<10){day="0"+day; } o.value=year+separator+month+separator+day;}/*********** 2002-02-01 MODIFY BY WING **ADD THREE FUNCTION TO CONTROL THE DIV FOCUS***/function hilayer(){if (inover==false){var lay=document.all.cele_date;lay.style.display="none";}}function getlayerfocus(){inover=true;}function lostlayerfocus(){inover=false;}/***************************MODIFY END************************************************///--></SCRIPT><script language="javascript"> init();</script> <input type="text" name="Last_Update_Date" size="26" maxlength="19" readonly><input type="button" name="change2" value="展开" onclick="show_cele_date(change2,'','',Last_Update_Date)"></BODY></HTML> <!-- 要实现此效果需要 1 个步骤： --><!-- 第 1 步： --><!-- 把下面的代码加到<BODY></BODY>区域中： --><SCRIPT LANGUAGE="JavaScript"><!--//有效的时间范围 var date_start,date_end,g_objectvar today = new Date();var separator="-";var inover=false;//mode :时间变换的类型0-年 1-月 2-直接选择月function change_date(temp,mode){var t_month,t_year if (mode){ if(mode==1) t_month=parseInt(cele_date_month.value,10)+parseInt(temp,10); else t_month=parseInt(temp) if (t_month<cele_date_month.options(0).text) { cele_date_month.value=cele_date_month.options(cele_date_month.length-1).text; change_date(parseInt(cele_date_year.value,10)-1,0); } else{ if (t_month>cele_date_month.options(cele_date_month.length-1).text){ cele_date_month.value=cele_date_month.options(0).text; change_date(parseInt(cele_date_year.value,10)+1,0); } else {cele_date_month.value=t_month; set_cele_date(cele_date_year.value,cele_date_month.value); } } } else{ t_year=parseInt(temp,10); if (t_year<cele_date_year.options(0).text) { cele_date_year.value=cele_date_year.options(0).text; set_cele_date(cele_date_year.value,1); } else{ if (parseInt(t_year,10)>parseInt(cele_date_year.options(cele_date_year.length-1).text,10)){ cele_date_year.value=cele_date_year.options(cele_date_year.length-1).text; set_cele_date(cele_date_year.value,12); } else {cele_date_year.value=t_year; set_cele_date(cele_date_year.value,cele_date_month.value); } } } /*********2002-02-01 MODIFY BY WING **************/ window.cele_date.focus(); /****************MODIFY END***********************/}//初始化日历function init(d_start,d_end){ var temp_str; var i=0 var j=0 date_start=new Date(2000,7,1) date_end=new Date(2004,8,1) //必须要有内容（奇怪） /*************************2002-02-01 MODIFY BY WING *********************************************************************************/ document.writeln("<div name=\"cele_date\" id=\"cele_date\" style=\"display:none\" style=\"LEFT: 69px; POSITION: absolute; TOP: 159px;Z-INDEX:99\" onClick=\"event.cancelBubble=true;\" onBlur=\"hilayer()\" onMouseout=\"lostlayerfocus()\">? </div>"); /*******************************************MODIFY END*******************************************************************************/ window.cele_date.innerHTML=""; temp_str="<table border=\"1\" bgcolor=\"#4682b4\" bordercolor=\"white\"><tr><td colspan=7 onmouseover=\"overcolor(this)\">"; temp_str+="<input type=\"Button\" value=\"<<\" onclick=\"change_date(-1,1)\" onmouseover=\"getlayerfocus()\" style=\"color: #FFFFFF; background-color: #5d7790; cursor: hand\">?";//左面的箭头 /**************************2002-02-01 MODIFY BY WING ********************************************************************************/ /*temp_str+="<input type=\"Button\" value=\"<<\" onclick=\"change_date(-1,1)\" >?";//左面的箭头 */ /************************************************************************************************************************************/ temp_str+=""//年 temp_str+="<select name=\"cele_date_year\" id=\"cele_date_year\" language=\"javascript\" onchange=\"change_date(this.value,0)\" onmouseover=\"getlayerfocus()\" onblur=\"getlayerfocus()\" style=\"font-size: 9pt; border: 1px #666666 outset; background-color: #F4F8FB\">" /**************************2002-02-01 MODIFY BY WING ********************************************************************************/ /*temp_str+="<select name=\"cele_date_year\" id=\"cele_date_year\" language=\"javascript\" onchange=\"change_date(this.value,0)\">" */ /************************************************************************************************************************************/ for (i=2000;i<=2020;i++) { temp_str+="<OPTION value=\""+i.toString()+"\">"+i.toString()+"</OPTION>"; } temp_str+="</select>?"; temp_str+=""//月 temp_str+="<select name=\"cele_date_month\" id=\"cele_date_month\" language=\"javascript\" onchange=\"change_date(this.value,2)\" onmouseover=\"getlayerfocus()\" onblur=\"getlayerfocus()\" style=\"font-size: 9pt; border: 1px #666666 outset; background-color: #F4F8FB\">" /**************************2002-02-01 MODIFY BY WING **********************************************************************************/ /*temp_str+="<select name=\"cele_date_month\" id=\"cele_date_month\" language=\"javascript\" onchange=\"change_date(this.value,2)\">" */ /**************************************************************************************************************************************/ for (i=1;i<=12;i++) { temp_str+="<OPTION value=\""+i.toString()+"\">"+i.toString()+"</OPTION>"; } temp_str+="</select>?"; temp_str+=""//右箭头 temp_str+="<input type=\"Button\" value=\">>\" onclick=\"change_date(1,1)\" onmouseover=\"getlayerfocus()\" style=\"color: #FFFFFF; background-color: #5d7790; cursor: hand\">"; /**************************2002-02-01 MODIFY BY WING ********************************************************************************/ /*temp_str+="<input type=\"Button\" value=\">>\" onclick=\"change_date(1,1)\">"; */ /************************************************************************************************************************************/ temp_str+="</td></tr><tr><td onmouseover=\"overcolor(this)\">" temp_str+="<font color=red>Su</font></td><td>";temp_str+="Mo</td><td>"; temp_str+="Tu</td><td>"; temp_str+="We</td><td>" temp_str+="Th</td><td>";temp_str+="Fr</td><td>"; temp_str+="Sa</td></tr>"; for (i=1 ;i<=6 ;i++) { temp_str+="<tr>"; for(j=1;j<=7;j++){ temp_str+="<td name=\"c"+i+"_"+j+"\"id=\"c"+i+"_"+j+"\" style=\"CURSOR: hand\" style=\"COLOR:#000000\" language=\"javascript\" onmouseover=\"overcolor(this)\" onmouseout=\"outcolor(this)\" onclick=\"td_click(this)\">?</td>" } temp_str+="</tr>" } temp_str+="</td></tr></table>"; window.cele_date.innerHTML=temp_str;}function set_cele_date(year,month){ var i,j,p,k var nd=new Date(year,month-1,1); event.cancelBubble=true; cele_date_year.value=year; cele_date_month.value=month; k=nd.getDay()-1 var temp; for (i=1;i<=6;i++) for(j=1;j<=7;j++) { eval("c"+i+"_"+j+".innerHTML=\"\""); eval("c"+i+"_"+j+".bgColor=\"#4682b4\""); eval("c"+i+"_"+j+".style.cursor=\"hand\""); } while(month-1==nd.getMonth()) { j=(nd.getDay() +1); p=parseInt((nd.getDate()+k) / 7)+1; eval("c"+p+"_"+j+".innerHTML="+"\""+nd.getDate()+"\""); if ((nd.getDate()==today.getDate())&&(cele_date_month.value==today.getMonth()+1)&&(cele_date_year.value==today.getYear())){ eval("c"+p+"_"+j+".bgColor=\"#EFFB64\""); } if (nd>date_end || nd<date_start) { eval("c"+p+"_"+j+".bgColor=\"#FF9999\""); eval("c"+p+"_"+j+".style.cursor=\"text\""); } nd=new Date(nd.valueOf() + 86400000) }}//s_object：点击的对象；d_start-d_end有效的时间区段；需要存放值的控件；function show_cele_date(eP,d_start,d_end,t_object){window.cele_date.style.display="";window.cele_date.style.zIndex=99var s,cur_dvar eT = eP.offsetTop; var eH = eP.offsetHeight+eT; var dH = window.cele_date.style.pixelHeight; var sT = document.body.scrollTop; var sL = document.body.scrollLeft; event.cancelBubble=true;window.cele_date.style.posLeft = event.clientX-event.offsetX+sL-5; window.cele_date.style.posTop = event.clientY-event.offsetY+eH+sT-5;if (window.cele_date.style.posLeft+window.cele_date.clientWidth>document.body.clientWidth) window.cele_date.style.posLeft+=eP.offsetWidth-window.cele_date.clientWidth;//if (window.cele_date.style.posTop+window.cele_date.clientHeight>document.body.clientHeight) window.cele_date.style.posTop-=(eP.offsetHeight+window.cele_date.clientHeight+5);if (d_start!=""){ if (d_start=="today"){ date_start=new Date(today.getYear(),today.getMonth(),today.getDate()); }else{ s=d_start.split(separator); date_start=new Date(s[0],s[1]-1,s[2]); }}else{ date_start=new Date(1900,1,1);}if (d_end!=""){ s=d_end.split(separator); date_end=new Date(s[0],s[1]-1,s[2]);}else{ date_end=new Date(3000,1,1);}g_object=t_objectcur_d=new Date()set_cele_date(cur_d.getYear(),cur_d.getMonth()+1);window.cele_date.style.display="block";/***************2002-02-01 MODIFY BY WING ***********/window.cele_date.focus();/****************MODIFY END**************************/}function td_click(t_object){var t_dif (parseInt(t_object.innerHTML,10)>=1 && parseInt(t_object.innerHTML,10)<=31 ) { t_d=new Date(cele_date_year.value,cele_date_month.value-1,t_object.innerHTML)if (t_d<=date_end && t_d>=date_start){var year = cele_date_year.value;var month = cele_date_month.value;var day = t_object.innerHTML;if (parseInt(month)<10) month = "0" + month;if (parseInt(day)<10) day = "0" + day;g_object.value=year+separator+month+separator+day;window.cele_date.style.display="none";};}}function h_cele_date(){window.cele_date.style.display="none";}function overcolor(obj){ if (obj.style.cursor=="hand") obj.style.color = "#FFFFFF"; /*********** 2002-02-01 MODIFY BY WING *****/ inover=true; window.cele_date.focus(); /************* MODIFY END ******************/}function outcolor(obj){ obj.style.color = "#000000"; /*********** 2002-02-01 MODIFY BY WING *****/ inover=false; /************* MODIFY END ******************/}function getNow(o){ var Stamp=new Date(); var year = Stamp.getYear(); var month = Stamp.getMonth()+1; var day = Stamp.getDate(); if(month<10){month="0"+month; } if(day<10){day="0"+day; } o.value=year+separator+month+separator+day;}/*********** 2002-02-01 MODIFY BY WING **ADD THREE FUNCTION TO CONTROL THE DIV FOCUS***/function hilayer(){if (inover==false){var lay=document.all.cele_date;lay.style.display="none";}}function getlayerfocus(){inover=true;}function lostlayerfocus(){inover=false;}/***************************MODIFY END************************************************///--></SCRIPT><script language="javascript"> init();</script> <input type="text" name="Last_Update_Date" size="26" maxlength="19" readonly><input type="button" name="change2" value="展开" onclick="show_cele_date(change2,'','',Last_Update_Date)">
网站建设相关信息
为什么要建设网站
企业为何需要做网站，企业做网站的目的是为什么，有的企业网站做了但一点效果也没有，那是因为企业没有让网站发挥作用..联系方式
手机：13482597886
Q Q：41218056
Q Q: 41218056
qq41218056@hotmail.com
上海兼职网站建设
英文网站建设与中文网站
日文网站建设-日文网站设计
走好电子商务网站的建设
八大要领 做网站就这么简单
电子商务十忌与建设网站
优秀网站制作的五大要素
网站功能设计的适用性评价
高级技巧：个性化网站设计
行业网站的设计心得
从网页到网络平台 网站开
网站文化与网页设计
一个成功的网站设计
网站建设项目合同撰写注意
企业如何准备网站建设资料
网站建设需要策划吗?
网络营销市场回顾与展望
企业网站建设有哪些不足
网站优化
网站推广时几点禁忌 上海
网站设计应注意的25条
网站策划方案写作、演示
网站推广技巧--实战中文
网站开发策划所需要的文档
企业网站推广效果分析
如何做好网站开发项目的
企业网站的推广漫谈 上海
最佳适合于网站海外推广
网站策划，需要什么的人才
网站策划与建设阶段网站推
网络营销中网站个性化设计