简约射流研究…日历控件实例代码

运行结果如下

复制代码代码如下：脚本类型=' text/JavaScript '语言=' JavaScript '函数choose _ date _ czw(date _ id，objtd){ if(date _ id==' choose _ date _ czw _ close '){ document。getelementbyidx _ x _ x(' choose _ date _ czw _ id ')。风格。显示='无'；返回；}if(objtd！=未定义){ if(objtd==' choose _ date _ czw _ empty '){ document。getelementbyidx _ x _ x(date _ id).值=' ';} else { var year 1=文档。getelementbyidx _ x _ x(' choose _ date _ czw _ year ').价值；var第1个月=文档。getelementbyidx _ x _ x(' choose _ date _ czw _ month ').价值；文件。getelementbyidx _ x _ x(date _ id).value=年份1 '-月份1 '-objtd。innerhtml}文档。getelementbyidx _ x _ x(' choose _ date _ czw _ id ')。风格。显示='无'；返回；} var nstr=new Date()；//当前if(文档。getelementbyidx _ x _ x(' choose _ date _ czw _ year ')！=null){ var year=document。getelementbyidx _ x _ x(' choose _ date _ czw _ year ').价值；var month=文档。getelementbyidx _ x _ x(' choose _ date _ czw _ month ').价值；var str=年'/月'/1 ';新日期；//当前} var ynow=nstr。getfull year()；//年份var mnow=nstr。getmonth()；//月份var dnow=nstr。GetDate()；//今日日期var n1str=新日期(ynow，mnow，1)；//当月第一天var第一天=n1 str。GetDay()；//当月第一天星期几函数是_leap(year) { return (year0==0？res=([emailprotected]==0？1 : 0) : res=(年份%4==0?1: 0));} var dstr=' select id=\ ' choose _ date _ czw _ year ' on change=\ ' choose _ date _ czw(' date _ id ' ')\ '；for(var y=1901；2050年；y){ if(y==ynow){ dstr=' option value=' y ' '选中y '/' option ' } else { dstr=' option value=' y ' ' ' y '/' option ' } } dstr='/select select id=\ ' choose _ date _ czw _ month ' on change=\ ' choose _ date _ czw(' date _ id ' ')\ '；for(var m=1；m13m){ if(Parsent(mnow 1)==m){ dstr=' option value=' m ' '选中m '/option ' } else { dstr=' option value=' m ' ' ' m '/option ' } } dstr='/selectspan style=' cursor : pointer；'onclick=\ ' choose _ date _ czw(' choose _ date _ czw _ close ')\ '关闭/span | span style='光标指针：'onclick=\ ' choose _ date _ czw '(' date _ id ' '，' choose_date_czw_empty')\ '清空/span '；//一三五七八十腊（十二月),三十一日永不差；四六九冬（十一月)三十日，唯有二月二十八（闰年二十九).var m_days=new Array(31，28 is_leap(ynow)，31，30，31，30，31，31，30，31，30，30，30，31，30，30，31)；var tr _ str=数学。ceil((m _ days[mnow]第一天)/7)；dstr='表格边框='0 '单元格填充='5 '单元格间距='0'trtd日/tdtd一/tdtd二/tdtd三/tdtd四/tdtd五/tdtd六/TD/tr '；var dqdate=新日期();//当前for(I=0；itr _ stri ) { //外层为语句tr标签dstr=' trfor(k=0；k7；k ) { //内层为语句任务描述标签idx=I * 7k//表格单元的自然序号date _ str=idx-第一天1;//计算日期if(date _ str=0 | | date _ strm _ days[mnow]){ dstr=' TD/TD '；} else { if(ynow==dqdate。getfullyear())mnow==dqdate。getmonth()=dqdate。getdate()==date _ str){ dstr=' TD onmouseover=\ '这。风格。background COlOr=' # 6FF ' \ ' onmouseout=\ ' this。风格。background COlOr=' # fff ' \ ' onclick=\ ' choose _ date _ czw(' date _ id ' '，this)\ ' style=' cursor :指针；背景色-: # 6FF；'date _ str '/TD '；} else { dstr=' TD onmouseover=\ '这。风格。background COlOr=' # 6FF ' \ ' onmouseout=\ ' this。风格。background COlOr=' # fff ' \ ' onclick=\ ' choose _ date _ czw '(' date _ id '，this)\ ' style=' cursor : pointer；'date _ str '/TD '；} } } dstr='/tr '；} dstr="/table "；if(文档。getelementbyidx _ x _ x(' choose _ date _ czw _ id '==null){ var obj=document。getelementbyidx _ x _ x(date _ id)；var odiv=document _ create element _ x _ x(' div ')；odiv . id=' choose _ date _ czw _ idodiv . innerhtml=dstrodiv . style . position='绝对；奥迪夫。风格。边框=' 1px # 0CF实心'；奥迪夫。风格。font size=' 12px奥迪夫。风格。zindex=99999奥迪夫。风格。top=obj。偏移顶部对象。偏移右侧“px”；奥迪夫。风格。左=obj。offsetleft ' px文件。尸体。a(对外关系司)；} else { document。getelementbyidx _ x _ x(' choose _ date _ czw _ id ')。风格。display=' block文件。getelementbyidx _ x _ x(' choose _ date _ czw _ id ').innerHTML=dstr } }/脚本输入类型=' text ' id=' add _ date ' onclick=' choose _ date _ czw(' add _ date ')'/