JSP点击输入框弹出日期选择.doc

JSP点击输入框弹出日期选择 New Document !-/* * 创建日历层的核心函数 * param Object theTextObject input元素对象 * param Number sStartYear 指定起始的年份 * param Number sEndYear 指定截止的年份 * param Number sStartMonth 指定起始的月份 * param Number sEndMonth 指定截止的月份*/function DefineMonthView(theTextObject,sStartYear,sEndYear,sStartMonth,sEndMonth) this.startYear=2000;/默认起始年份 this.endYear=2013; /默认截止年份 this.startMonth=1; /默认起始月份 this.endMonth=12; /默认截止月份 this.Source=theTextObject; /元素对象 this.yearSelectName=yearSelect; /年份select元素名 this.monthSelectName=monthSelect; /月份select元素名 this.HeaderStyle = height:32px; background-color:#E3F0FF; /tr元素样式； this.Width = 200; /定义月份视图的主体宽度 this.Height = 40; /定义月份视图的主体高度 this.MonthGridStyle = border-width:1px; border-style:solid; border-color:#000000; /table元素样式 this.SubmitButStyle = font-size:12px; font-family:宋体;background-color:#F2F8FF; /button元素样式this.ResetButStyle= font-size:12px; font-family:宋体;background-color:#F2F8FF; this.divID=nego_orange /div元素id this.SubmitButName=submit; /button元素名称this.ResetButName=reset1; this.date=new Date(); /获得当前日期对象 this.selectedYear=this.date.getYear(); /得到当前年份 this.selectedMonth=this.date.getMonth()+1; /得到当年月份 this.YearListStyle = font-size:12px; font-family:宋体; /年份select元素样式 this.MonthListStyle = font-size:12px; font-family:宋体; /月份select元素样式 /如果指定起始年份参数不为空将其设为起始年份 if(sStartYear!=null) this.startYear=sStartYear; /如果指定截止年份参数不为空将其设为截止年份 if(sEndYear!=null) this.endYear=sEndYear; /如果指定起始月份参数不为空将其设为起始月份 if(sStartMonth!=null) this.startMonth=sStartMonth; /如果指定截止月份参数不为空将其设为截止月份 if(sEndMonth!=null) this.endMonth=sEndMonth; /从input元素中取值如果是合法年份且在起始年份截止年份， /起始月份截止月份以内则默认选中为input元素中的值， /否则默认选中值为当前年月this.setSelectValue= function() var arrayDate=null; var tempYear=null; var tempMonth=null; var regexText=/d1,4-d1,2$/; var tempValue=this.Source.value; if(regexText.test(tempValue) arrayDate=tempValue.split(-); tempYear=parseInt(arrayDate0,10); tempMonth=parseInt(arrayDate1,10); if(tempYear=this.startYear)&(tempYear=this.startMonth)&(tempMonth=this.endMonth) this.selectedYear=tempYear; this.selectedMonth=tempMonth else if(tempYear=this.startYear)&(tempYear=this.startMonth)&(tempMonth=this.endMonth) this.selectedYear=tempYear; this.selectedMonth=tempMonth else if(tempYear=this.startYear)&(tempYear=this.startMonth)&(tempMonth=this.startYear)&(tempYear=this.startMonth)&(tempMonth=this.endMonth) this.selectedYear=tempYear; this.selectedMonth=tempMonth /* * 得到年份option字符串的方法 * param Number startYear 默认起始年份 * param Number endYear 默认截止年份 * param Number selectedYear 默认选中年份 */ this.getYearOptions= function(startYear,endYear,selectedYear) var yearOptionStr=; for(var i=0;i=(endYear-startYear);i+) if(selectedYear=(startYear+i) yearOptionStr+=+(startYear+i)+年; else yearOptionStr+=+(startYear+i)+年; return yearOptionStr; /* * 得到月份option字符串的方法 * param Number startYear 默认起始月份 * param Number endYear 默认截止月份 * param Number selectedYear 默认选中月份 */ this.getMonthOptions= function(startMonth,endMonth,selectedMonth) var monthOptionStr=; for(var i=0;i=(endMonth-startMonth);i+) var disMonth=startMonth+i; if(disMonth10) if(selectedMonth=(disMonth) monthOptionStr+=+disMonth+月; else monthOptionStr+=+disMonth+月; else if(selectedMonth=(disMonth) monthOptionStr+=+disMonth+月; else monthOptionStr+=+disMonth+月; return monthOptionStr; /* * 得到div元素左侧坐标的函数 * param Object theObject input元素对象 */ this.GetoffsetLeft= function(theObject) var absLeft = 0; var thePosition=; var tmpObject = theObject; while (tmpObject != null) thePosition = tmpObject.position; tmpObject.position = static; absLeft += tmpObject.offsetLeft; tmpObject.position = thePosition; tmpObject = tmpObject.offsetParent; return absLeft; /*得到div元素顶部坐标的函数 * param Object theObject input元素对象 */ this.GetoffsetTop= function(theObject) var absTop = 0; var thePosition = ; var tmpObject = theObject; while (tmpObject != null) thePosition = tmpObject.position; tmpObject.position = static; absTop += tmpObject.offsetTop; tmpObject.position = thePosition; tmpObject = tmpObject.offsetParent; return absTop; /* * 删除div的函数 */ this.DeleteMonthGrid= function() var theDivObject = document.all.item(this.divID); if (theDivObject = null) return; var tmpObject = document.activeElement; while (tmpObject != null) if (tmpObject = this.Source) return; if (tmpObject.id = this.yearSelectName) return; if (tmpObject.id = this.monthSelectName) return; if (tmpObject.id = this.SubmitButName) var theDivObject = document.all.item(this.divID); yearSelectObj=document.allthis.yearSelectName; monthSelectObj=document.allthis.monthSelectName; this.Source.value=yearSelectObj.optionsyearSelectObj.selectedIndex.value+ -+monthSelectObj.optionsmonthSelectObj.selectedIndex.value; theDivObject.outerHTML=; this.Source = null;return;if (tmpObject.id = this.ResetButName)this.Source.value=;theDivObject.outerHTML=; this.Source = null;return; tmpObject = tmpObject.parentElement; if (tmpObject = null) theDivObject.outerHTML=; this.Source = null; /* * 初始化div元素的函数 */ this.InitialMonthView= function() var theDivHTML=; theDivHTML=; theDivHTML += ; theDivHTML += ; theDivHTML += ; theDivHTML += ; theDivHTML += ;theDivHTML += ;theDivHTML += ; theDivHTML += this.getYearOptions(this.startYear,this.endYear,this.selectedYear); theDivHTML += ; theDivHTML += ; theDivHTML += ; theDivHTML += ; theDivHTML += this.getMonthOptions(this.startMonth,this.endMonth,this.selectedMonth); theDivHTML += ; theDivHTML += ; theDivHTML += ; theDivHTML += ; theDivHTML += ; theDivHTML += ; theDivHTML += ; theDivHTML += theDivHTML += ; theDivHTML += ; theDivHTML += ; theDivHTML += ; theDivHTML += ; theDivHTML += ; document.body.insertAdjacentHTML(beforeEnd, theDivHTML); theDivObject = document.all.item(this.divID); theDivObject.style.position = absolute; theDivObject.style.posLeft = this.GetoffsetLeft(this.Source); theDivObject.style.posTop = this.GetoffsetTop(this.Source) + this.Source.offsetHeight; /* * 创建日历层的函数 * param Object theTextObject input元素对象 * param Number sStartYear 指定起始的年份 * param Number sEndYear 指定截止的年份 * param Num