jQuery实现日期联动效果实例

本文实例讲述了jQuery实现日期联动效果的方法。分享给大家供大家参考，具体如下：

实现目标：

两个日期，有下拉框：

head//导入jquery地址脚本src=' http : jquery-1。7 .2 .量滴js ' language=' JavaScript ' type=' text/JavaScript '/script script type=' text/JavaScript '/startYear发生变化函数changeYear(str，is start){ var pre=' start '；if(is start==false){ pre=' end '；} var startMonth=$(前"月")。价值；if(startMonth=='') { var e=$(前月')；选项clear(e)；返回；} var n=monHead[开始月份-1]；if(起始月==2 IsPinYear($(年前)).value)){ n；} writeDay(n，pre)；}函数changeMonth(str，is start){ var pre=' start '；if(is start==false){ pre=' end '；} var year=$(年之前)。价值；if(year=='') { var e=$(前day’)；选项clear(e)；返回；} var n=MonHead[str-1]；if(str==2 IsPinYear($(年前))){ n；} writeDay(n，pre)；}函数开始日期(){ var defaultStartY=' 2011var defaultStartM=' 1 var defaultStartD=' 14 var defaultEndY=' 2011 var defaultEndM=' 2var defaultEndD=' 23 manhohead=[31，28，31，30，31，30，31，31，30，31，30，30，30，31，30，31]；var prestr=新数组(“开始”、“结束”)；for(var j=0；J2；j){ var pre=prestr[j]；//开始年var y=新日期()。getFullYear()；if(pre=='start') { //start初始选中前第10天var I _ index=0；for(var I=(y-10)；I=y；i ) { $(年前).options.add(新选项(‘我’，‘我’)；if(i==defaultStartY) { $(年前)'。选项[i_index].selected=true } I _ index } } else { var I _ index=0；for(var I=(y-5)；I=y5i ) { $(年前).options.add(新选项(‘我’，‘我’)；if(i==defaultEndY) { $(年前)。选项[i_index].selected=true} i _ index} }//开始月defaultM=(pre=='start '？defaultStartM : defaultEndM)为(var I=1；i 13i ) { $(前'月').options.add(新选项(‘我’，‘我’)；if(i==defaultM) { $(前"月")。选项[i-1].select=true } }//开始日var n=MonHead[$(前'月')。值];如果（新日期()。getMonth==1 IsPinYear($(年之前)。value)){ n；} defaultD=(pre=='start '？defaultStartD : defaultEndD)写日(n，pre)；$(日之前)。选项[defaultD-1].选定=真} }函数writeDay(n，pre){ var e=$(pre ' Day ')；选项clear(e)；for(var I=1；I(n=1)；i ) { e.options.add(新选项(‘我’，‘我’)；} }函数ispinyear(year){ return(0==year % 4(year0！=0 ||年份% 4==0));}函数选项清除(e){ for(var I=e . options。长度；I=0；移除；} }/script/head body on load=' date start()' p name=' select date '从选择id='startYear '名称=' start year ' on change=' change year(今年。值，真)'/选择年选择id='startMonth '名称='变更开始月份'='变更月份(本。值，真)'/选择月选择id='startDay '名称=' startDay '/选择日到选择id='endYear '名称=' end year ' on change=' change year(今年。值，false)' /select年选择id='月末' name='月末' on change=' change month(this。值，false)' /select月选择id='endDay '名称='结束日期'/选择日/p/body参考了一些代码，终于能实现了~~

更多关于jQuery相关内容感兴趣的读者可查看本站专题： 《jQuery form操作技巧汇总》 、 《jQuery常用插件及用法总结》 、 《jQuery操作json数据技巧汇总》 、 《jQuery扩展技巧总结》 、 《jQuery拖拽特效与技巧总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jquery中Ajax用法总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。