日期和时间选择器
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>日期和时间选择器</title><script language="javascript" src=""></script></head>
<body><pre>/*/////////////////////////////////////////////////////////////////函数说明：风声日期和时间选择器，整个功能只有一个函数调用极其方便功能说明：年份根据输入（当前）日期前后5年自动选择，1000–9000年设定作 者：风声电子邮件：函数原型：function selectTime(thisIdName[,mode])参数说明：thisIdName：接受返回值的对象ID名称mode：返回值类型0：默认值，返回yyyy-mm-dd hh-mm-ss1：返回yyyy-mm-dd2：返回hh-mm-ss3：返回mm-dd4：返回hh-mm5：返回yyyy-mm-dd hh-mm修正时间：2005-11-29时 间：2004-5-26////////////////////////////////////////////////////////////////*/</pre><input type="text" value="2003-3-12 12:12:12" name="aa"><br><input type="button" value="选择mode=0" onclick="selectTime(‘aa’,0)"><input name="button" type="button" onclick="selectTime(‘aa’,1)" value="选择mode=1"><input name="button2" type="button" onclick="selectTime(‘aa’,2)" value="选择mode=2"><input name="button3" type="button" onclick="selectTime(‘aa’,3)" value="选择mode=3"><input name="button4" type="button" onclick="selectTime(‘aa’,4)" value="选择mode=4"><input name="button42" type="button" onclick="selectTime(‘aa’,5)" value="选择mode=5"></body></html>
js代码:
/*/////////////////////////////////////////////////////////////////函数说明：风声日期和时间选择器，整个功能只有一个函数调用极其方便作 者：风声电子邮件：函数原型：function selectTime(thisIdName[,mode])参数说明：thisIdName：接受返回值的对象ID名称mode：返回值类型0：默认值，返回yyyy-mm-dd hh-mm-ss1：返回yyyy-mm-dd2：返回hh-mm-ss3：返回mm-dd4：返回hh-mm5：返回yyyy-mm-dd hh-mm修正时间：2005-11-29时 间：2004-5-26////////////////////////////////////////////////////////////////*/function timeFormat(i){return((i<10)?"0"+i.toString():i.toString());}function selectTime(thisName){var argv=selectTime.arguments;var argc=selectTime.arguments.length;var mode=(argc>1)?argv[1]:0;try{var strTime=document.getElementById(thisName).value;strTime=strTime.replace(/[-:]/g," ");}catch(e){return false;}var dateNow= new Date();var intYear= dateNow.getYear();var intMonth= dateNow.getMonth();var intDate= dateNow.getDate();var intHour= dateNow.getHours();var intMinute= dateNow.getMinutes();var intSecond= dateNow.getSeconds();switch(mode){case 0:break;case 1:break;case 2:strTime=intYear+" "+(intMonth+1)+" "+intDay+" "+strTime;break;case 3:strTime=intYear+" "+strTime;break;case 4:strTime=intYear+" "+(intMonth+1)+" "+intDay+" "+strTime;break;case 5:break;}var arrTime=strTime.split(" ");
var i=0;//—-年if(!isNaN(arrTime[0])){i=parseInt(arrTime[0],10);if(i>1000&&i<9000)intYear=i;}//—-月if(!isNaN(arrTime[1])){i=parseInt(arrTime[1],10);if(i>0&&i<13)intMonth=i-1;}//—-日历开始var dateFirst=new Date(intYear,intMonth,1);var intDay=dateFirst.getDay();//—-日历结束var arrDays=new Array(31,28,31,30,31,30,31,31,30,31,30,31);arrDays[1]+=!(intYear%4);var intDays=arrDays[intMonth];//—-日if(!isNaN(arrTime[2])){i=parseInt(arrTime[2],10);if(i>0&&i<=intDays)intDate=i;}//—-时if(!isNaN(arrTime[3])){i=parseInt(arrTime[3],10);if(i>=0&&i<24)intHour=i;}//—-分if(!isNaN(arrTime[4])){i=parseInt(arrTime[4],10);if(i>=0&&i<60)intMinute=i;}//—-秒if(!isNaN(arrTime[5])){i=parseInt(arrTime[5],10);if(i>=0&&i<60)intSecond=i;}
var myWindow= window.open("","selectTime","height=304,width=404");var arrMonth=new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");
var strHTML="";strHTML+="<html><head><meta http-equiv=\&;Content-Type\&; content=\&;text/html; charset=gb2312\&;>";strHTML+="<title>选择日期和时间</title><style type=\&;text/css\&;><!–\n";strHTML+="table {font-size: 12px;}";strHTML+=".f8 {font-size: 7px;}";strHTML+=".myinput {text-align: center;width: 20px;border: 0px;height: 16px;vertical-align: baseline;}";strHTML+=".boxIn {border-top: 2px solid #423E3B;border-right: 1px solid #FFFCF5;border-bottom: 1px solid #FFFCF5;border-left: 2px solid #423E3B;background: #FFFFFF;}";strHTML+=".myButton {height: 10px;width: 25px;font-size: 4px;}";strHTML+="\n–></style>";strHTML+="<script language=\&;JavaScript\&;>";//—-函数strHTML+="var day="+intDate+";";strHTML+="var strTemp=\&;\&;,intTemp=0;";strHTML+="function onTimeKeyUp(obj,num,maxnum,next){";strHTML+="var strTemp=obj.value;";strHTML+="if(isNaN(strTemp))obj.value=strTemp.substring(0,strTemp.length-1);";strHTML+="else{var intTemp=parseInt(strTemp,10);";strHTML+="if(intTemp>maxnum)obj.value=strTemp.substring(0,strTemp.length-1);";strHTML+="else if(intTemp>num){next.focus();}";strHTML+="}}";strHTML+="function setCalendar(intYear,intMonth,intDate){";strHTML+="var dateFirst=new Date(intYear,intMonth,1);";strHTML+="var intDay=dateFirst.getDay();";strHTML+="var arrDays=new Array(31,28,31,30,31,30,31,31,30,31,30,31);";strHTML+="arrDays[1]+=!(intYear%4);";strHTML+="var intDays=arrDays[intMonth],str=\&;\&;;";strHTML+="if(intDate>intDays)intDate=intDays;";strHTML+="intDay–;";strHTML+="for(var i=0;i<42;i++){";strHTML+="if(i<=intDay)date[i].innerHTML=\&;\&;;";strHTML+="else if(i<=intDays+intDay){str=i-intDay;if(str<10)str=\&; \&;+str;";strHTML+="if(i-intDay==intDate){strTemp=str;";strHTML+="str=\&;<font color=\’#FFFFFF’ style=\’background:#0A246A’>\&;+str+\&;</font>\&;;";strHTML+="intTemp=i;day=intDate;}";strHTML+="date[i].innerHTML=str;}";strHTML+="else date[i].innerHTML=\&;\&;;";strHTML+="}}";strHTML+="function setNewDate(num){"strHTML+="var str=date[num].innerHTML;";strHTML+="var i=str.length;";strHTML+="if(i>1&&i<8){";strHTML+="date[intTemp].innerHTML=strTemp;intTemp=num;strTemp=str;";strHTML+="date[num].innerHTML=\&;<font color=\’#FFFFFF’ style=\’background:#0A246A’>\&;+strTemp+\&;</font>\&;;";strHTML+="if(i>2)str=str.substr(i-1);day=parseInt(str,10);}}";strHTML+="function isOk(){";switch(mode){case 0:strHTML+="window.opener.document.getElementById(\&;"+thisName+"\&;).value=year.value+\&;-\&;+(parseInt(month.value,10)+1)+\&;-\&;+day+\&; \&;+hour.value+\&;:\&;+minute.value+\&;:\&;+second.value;";break;case 1:strHTML+="window.opener.document.getElementById(\&;"+thisName+"\&;).value=year.value+\&;-\&;+(parseInt(month.value,10)+1)+\&;-\&;+day;";break;case 2:strHTML+="window.opener.document.getElementById(\&;"+thisName+"\&;).value=hour.value+\&;:\&;+minute.value+\&;:\&;+second.value;";break;case 3:strHTML+="window.opener.document.getElementById(\&;"+thisName+"\&;).value=(parseInt(month.value,10)+1)+\&;-\&;+day;";break;case 4:strHTML+="window.opener.document.getElementById(\&;"+thisName+"\&;).value=hour.value+\&;:\&;+minute.value;";break;case 5:strHTML+="window.opener.document.getElementById(\&;"+thisName+"\&;).value=year.value+\&;-\&;+(parseInt(month.value,10)+1)+\&;-\&;+day+\&; \&;+hour.value+\&;:\&;+minute.value;";break;}strHTML+="window.close();}";strHTML+="function timeFormat(i){return((i<10)?’0’+i.toString():i.toString());}";strHTML+="function timeAdd(obj0){var i=parseInt(obj.value,10);obj.value=timeFormat((i<intMax)?i+1:0);obj.select();obj0.focus();}";strHTML+="function timeRid(obj0){var i=parseInt(obj.value,10);obj.value=timeFormat((i>0)?i-1:intMax);obj.select();obj0.focus();}";strHTML+="</script>";strHTML+="</head>";
strHTML+="<body bgcolor=\&;#D4CFC9\&; style=\&;border:0;margin:5\&; oncontextmenu=\&;return(false)\&;>";strHTML+="<table width=\&;394\&; border=\&;0\&; align=\&;center\&; cellpadding=\&;0\&; cellspacing=\&;0\&;>";strHTML+="<tr>";strHTML+="<td height=\&;24\&; align=\&;center\&; style=\&;border-left:1px solid #FFFCF5;border-top:1px solid #FFFCF5\&;>日期和时间</td>";strHTML+="<td colspan=\&;2\&; style=\&;border-left:2px solid #423E3B;border-bottom:1px solid #FFFCF5\&;> </td>";strHTML+="</tr><tr> ";strHTML+="<td height=\&;200\&; colspan=\&;2\&; align=\&;center\&; style=\&;border-left:1px solid #FFFCF5;margin:5px;\&;>";strHTML+="<fieldset style=\&;width:190;height:190\&;><legend>日期(D)</legend>";strHTML+="<select name=\&;month\&; id=\&;month\&; style=\&;width:82\&; onChange=\&;setCalendar(year.value,month.value,day)\&;>";//—-月for(i=0;i<12;i++){strHTML+="<option value=\&;"+i+"\&;";if(i==intMonth)strHTML+=" selected";strHTML+=">"+arrMonth[i]+"</option>";}strHTML+="</select> ";strHTML+="<select name=\&;year\&; id=\&;year\&; style=\&;width:82\&; onChange=\&;setCalendar(year.value,month.value,day)\&;>";//—-年for(i=intYear-5;i<intYear+5;i++){strHTML+="<option value=\&;"+i+"\&;";if(i==intYear)strHTML+=" selected";strHTML+=">"+i+"年</option>";}strHTML+="</select>";strHTML+="<div class=\&;f8\&;> </div>";strHTML+="<table width=\&;168\&; height=\&;133\&; border=\&;0\&; cellpadding=\&;2\&; cellspacing=\&;0\&; class=\&;boxIn\&; style=\&;cursor:default\&;>";strHTML+="<tr align=\&;center\&; bgcolor=\&;#999999\&;>";strHTML+="<td width=24 height=19>日</td><td width=24>一</td><td width=24>二</td><td width=24>三</td><td width=24>四</td><td width=24>五</td><td width=24>六</td>";//—-日for(i=0;i<42;i++){if(i%7==0)strHTML+="</tr><tr align=\&;center\&;>";strHTML+="<td id=\&;date\&; height=19 onclick=\&;setNewDate("+i+")\&;> </td>";}strHTML+="</tr></table></fieldset></td>";strHTML+="<td align=\&;center\&; style=\&;border-right:2px solid #423E3B;margin:5px;\&;>";strHTML+="<fieldset style=\&;width:170;height:190\&;><legend>时间(T)</legend>";strHTML+="<div style=\&;height:142\&;> </div>";strHTML+="<table width=\&;150\&; border=\&;0\&; cellspacing=\&;2\&; cellpadding=\&;0\&;><tr>";strHTML+="<td width=\&;125\&; align=\&;right\&; class=\&;boxIn\&;>";//—-时strHTML+="<input name=\&;hour\&; type=\&;text\&; class=\&;myinput\&; id=\&;hour\&; onBlur=\&;if(this.value==”)this.value=’00’;\&; onFocus=\&;this.select();obj=this;intMax=23\&; value=\&;"+timeFormat(intHour)+"\&; maxlength=\&;2\&; onkeyup=\&;onTimeKeyUp(this,2,23,minute)\&;>:";//—-分strHTML+="<input name=\&;minute\&; type=\&;text\&; class=\&;myinput\&; id=\&;minute\&; onBlur=\&;if(this.value==”)this.value=’00’;\&; onFocus=\&;this.select();obj=this;intMax=59\&; value=\&;"+timeFormat(intMinute)+"\&; maxlength=\&;2\&; onkeyup=\&;onTimeKeyUp(this,5,59,second)\&;>:";//—-秒strHTML+="<input name=\&;second\&; type=\&;text\&; class=\&;myinput\&; id=\&;second\&; onBlur=\&;if(this.value==”)this.value=’00’;\&; onFocus=\&;this.select();obj=this;intMax=59\&; value=\&;"+timeFormat(intSecond)+"\&; maxlength=\&;2\&; onkeyup=\&;onTimeKeyUp(this,59,59,null)\&;>";strHTML+="</td>";strHTML+="<td width=\&;25\&;><input name=\&;Submit\&; type=\&;button\&; class=\&;myButton\&; value=\&;◆\&; onClick=\&;timeAdd(this)\&;>";strHTML+="<input name=\&;Submit4\&; type=\&;button\&; class=\&;myButton\&; value=\&;◆\&; onClick=\&;timeRid(this)\&;></td>";strHTML+="</tr></table></fieldset></td>";strHTML+="</tr><tr> ";strHTML+="<td height=\&;40\&; colspan=\&;3\&; style=\&;border-left:1px solid #FFFCF5;border-right:2px solid #423E3B;border-bottom:2px solid #423E3B;margin:5px;\&;>";strHTML+=" Rumor Date And Time Selector<br><br>";strHTML+="</td></tr><tr>";strHTML+="<td width=\&;80\&; height=\&;8\&;></td>";strHTML+="<td width=\&;127\&; align=\&;right\&;></td>";strHTML+="<td width=\&;187\&; align=\&;right\&;></td>";strHTML+="</tr><tr><td> </td>";strHTML+="<td colspan=\&;2\&; align=\&;right\&;>";strHTML+="<input type=\&;button\&; name=\&;Submit1\&; value=\&; 确定 \&; onclick=\&;isOk()\&;> ";strHTML+="<input type=\&;button\&; name=\&;Submit2\&; value=\&; 取消 \&; onclick=\&;window.close()\&;> ";strHTML+="<input type=\&;button\&; name=\&;Submit3\&; value=\&; 应用 \&; disabled></td>";strHTML+="</tr></table></body></html>";strHTML+="<script language=\&;javascript\&;>var obj=document.getElementById(\&;hour\&;),intMax=23;";strHTML+="setCalendar("+intYear+","+intMonth+","+intDate+");</script>";myWindow.document.write(strHTML);myWindow.document.close();}
当花儿枯萎的时候，就是它生命终结的时候，
