当前位置：首页 -> 技术开发 -> Script -> javascript版的日期输入控件

javascript版的日期输入控件

时间： 2021-07-31 作者：daque

<!doctype html public "-//w3c//dtd html 4.0 transitional//en"><html><head><title> new document </title><meta name="generator" content="microsoft frontpage 5.0"><meta name="author" content="zhaoweiwei"><meta name="keywords" content="birthday_input"><meta name="description" content="日起输出控件"><script>function showdb() //表露控件/湮没空间{ var currentdate=new date(); var cyear=currentdate.getfullyear(); var cmonth=currentdate.getmonth(); var cday=currentdate.getday(); var a=document.getelementbyid("input_birth"); var obj_year=document.getelementbyid("year"); //当打开控件时机动取到暂时功夫（存户端） obj_year.innertext=cyear; var obj_month=document.getelementbyid("month"); obj_month.innertext=cmonth+1; var s=new date(cyear,cmonth,1); var startday=s.getday(); //日子开始数字 var numdays=numberofdays(cmonth,cyear); //本月天数 var day=document.getelementsbyname("day"); for(var j=1;j<=numdays;j++) //插入日子 { day[startday+j-1].innertext=j; } if(a.style.visibility=='visible') { a.style.visibility='hidden'; } else { a.style.visibility='visible'; } }function addyear(){ var obj_year=document.getelementbyid("year"); var obj_month=document.getelementbyid("month"); var num_year=obj_year.innertext; obj_year.innertext=parseint(num_year)+1; //年数减少 displaycalendar(obj_month.innertext-1,obj_year.innertext); }function plusyear(){ var obj_year=document.getelementbyid("year"); var obj_month=document.getelementbyid("month"); var num_year=obj_year.innertext; obj_year.innertext=parseint(num_year)-1; //年数缩小 displaycalendar(obj_month.innertext-1,obj_year.innertext); }function addmonth(){ var obj_month=document.getelementbyid("month"); var obj_year=document.getelementbyid("year"); if(parseint(obj_month.innertext)>=12) //月数减少到12时，年数相映减少1，月数从1发端 { obj_month.innertext="0"; obj_year=document.getelementbyid("year"); var num_year=obj_year.innertext; obj_year.innertext=parseint(num_year)+1; } var num_month=obj_month.innertext; obj_month.innertext=parseint(num_month)+1; //月数减少 displaycalendar(obj_month.innertext-1,obj_year.innertext); }function plusmonth(){ var obj_month=document.getelementbyid("month"); var obj_year=document.getelementbyid("year"); if(parseint(obj_month.innertext)<=1) //月数缩小到1时，年数相映缩小1，月数从12发端 { obj_month.innertext="13"; obj_year=document.getelementbyid("year"); var num_year=obj_year.innertext; obj_year.innertext=parseint(num_year)-1; } var num_month=obj_month.innertext; obj_month.innertext=parseint(num_month)-1; //月数缩小 displaycalendar(obj_month.innertext-1,obj_year.innertext); }function numberofdays(month,year) //博得每月天数，确定常年闰年{ var numdays=new array(31,28,31,30,31,30,31,31,30,31,30,31); n=numdays[month]; if(month==1&&year%4==0) ++n; return n;}function displaycalendar(month,year){ var d=new date(year,month,1); var startday=d.getday(); //日子开始数字 var numdays=numberofdays(month,year); //本月天数 var day=document.getelementsbyname("day"); for(var i=0;i<day.length;i++) { day[i].innertext=""; } for(var j=1;j<=numdays;j++) //插入日子 { day[startday+j-1].innertext=j; } }function writedate(n){ document.writeln("<h3 align='center'>"+n+"</h3>");}function add_day(year,month,day){ bd.birthdate.value=year+"-"+month+"-"+day;}</script></head><body><form name="bd"><input type="text" name="birthdate" size="20" readonly><input type="button" value="..." onclick="showdb()"></form><div id="input_birth" name="input_birth" style="visibility:hidden; width:239; height:128"><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" style="cursor:hand" bordercolor="#111111" width="100%" height="26"> <tr> <td width="100%" colspan="3" height="26"> <input type="button" value="<<" onclick="plusyear()" name="plusyear"> <input type="button" value="<" onclick="plusmonth()" name="plusmonth"> <font id="year"> </font>年<font id="month"></font>月 <input type="button" value=">" onclick="addmonth()" name="addmonth"> <input type="button" value=">>" name="addyear" onclick="addyear()"></td> </tr> <tr> <td width="100%" colspan="3" height="119" valign="top"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%"> <tr> <td width="14%" align="center"><b><font color="#ff0000">日</font></b></td> <td width="14%" align="center"><b>一</b></td> <td width="14%" align="center"><b>二</b></td> <td width="14%" align="center"><b>三</b></td> <td width="14%" align="center"><b>四</b></td> <td width="15%" align="center"><b>五</b></td> <td width="15%" align="center"><b><font color="#ff0000">六</font></b></td> </tr> <tr> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)"></td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="15%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="15%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> </tr> <tr> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="15%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="15%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> </tr> <tr> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="15%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="15%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> </tr> <tr> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="15%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="15%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> </tr> <tr> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="15%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="15%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> </tr> <tr> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="14%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="15%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> <td width="15%" align="center" id="day" onclick="add_day(year.innertext,month.innertext,this.innertext)">　</td> </tr> </table> </td> </tr> <tr> <td width="33%" height="1"></td> <td width="33%" height="1"></td> <td width="34%" height="1"></td> </tr></table></div></body></html>

javascript版的日期输入控件

相关推荐

推荐下载

热门阅览

最新排行