[收藏]类似携程网的城市、日历选择功能

阅览次数:
文章来源: CP整理
原文作者:
整理日期: 2008-09-17
发表评论

字体大小:
小
中
大

<head> <style type="text/css"> body{ font-family:"宋体"; font-size:12px; } </style> <title>test</title> <script type="text/javascript"> //************通用函数（来自pyzy.net）Sta huzj 2008-4-12************// function $(fctId){ return document.getElementById(fctId); } //取得某对象，若提供ID下的对象不存在则自动创建 function c$(fctId,fctClassName){ var varTempDivObj=$(fctId); if(!varTempDivObj){ GetPyzyIframe("ifm"+fctId); varTempDivObj=document.createElement("div"); varTempDivObj.id=fctId; if(fctClassName && fctClassName!="")varTempDivObj.className=fctClassName; document.body.appendChild(varTempDivObj); } return varTempDivObj; } //取得某ID的iframe对象，若不存在该ID的对象则自动创建 function GetPyzyIframe(fctIfmId,fctVisibility,fctTop,fctLeft,fctWidth,fctHeight){ var varTempIfmObj=$(fctIfmId); if(!varTempIfmObj){ varTempIfmObj=document.createElement("iframe"); varTempIfmObj.id=fctIfmId; varTempIfmObj.style.position="absolute"; varTempIfmObj.style.zIndex="1"; varTempIfmObj.style.visibility="hidden"; document.body.appendChild(varTempIfmObj); } if(fctTop)varTempIfmObj.style.top=fctTop+"px"; if(fctLeft)varTempIfmObj.style.left=fctLeft+"px"; if(fctWidth)varTempIfmObj.style.width=fctWidth+"px"; if(fctHeight)varTempIfmObj.style.height=fctHeight+"px"; if(fctVisibility)varTempIfmObj.style.visibility=(document.all?fctVisibility:"hidden "); return varTempIfmObj; } //取得某对象的坐标位置、宽、高 function getPosition(obj){ var top=0; var left=0; var width=obj.offsetWidth; var height=obj.offsetHeight; while(obj.offsetParent){ top+=obj.offsetTop; left+=obj.offsetLeft; obj=obj.offsetParent; } return{"top":top,"left":left,"width":width,"height":height}; } //取得编码存储框对象 function GetValueToInputObj(fctThisObj){ if(!fctThisObj)return null; var varThisObjAutoInput=(fctThisObj.getAttributeNode("value_to_input")?fctThisObj.getAttributeNode("value_to_input").value:""); if(varThisObjAutoInput=="")return null; return $(varThisObjAutoInput); } //自动触发下一个对象的Act事件 function AutoNextInputAct(fctThisObj,fctAct){ var varNextInput=fctThisObj.getAttributeNode("nextinput"); if(varNextInput && varNextInput!=""){ if(document.all){ eval("$('"+varNextInput.value+"')."+fctAct+"()"); }else{ var evt = document.createEvent("MouseEvents"); evt.initEvent(fctAct,true,true); $(varNextInput.value).dispatchEvent(evt); } $(varNextInput.value).focus(); } } //给某对象的某事件增加处理函数AddFunToObj(document,"onclick","alert('1');") function AddFunToObj(fctObj,fctAct,fctFunction){ if(fctObj.addEventListener){ //!IE fctObj.addEventListener(fctAct.replace("on",""),function(e){ e.cancelBubble=!eval(fctFunction); },false); }else if(fctObj.attachEvent){ //IE fctObj.attachEvent(fctAct,function(){ return eval(fctFunction); }); } } //************通用函数 End huzj 2008-4-12************// /**********城市列表功能 Sta huzj 2008-4-14*************/ //输出城市列表菜单CSS样式 huzj 2008-4-12 document.write(' <style type="text/css"> body{background-color:#efefef;} #divAddressMenu {position:absolute;visibility:hidden;z-index:1;overflow:hidden;width:172px;background-color:#FFFFFF;border:solid #EBcccC 1px;font-size:12px;} #divAddressMenu h4{border-bottom:dotted #CCCCCC 1px;color:#999999;font-size:12px; font-weight:100; padding:2px 2px 0 2px; margin:0;} #divAddressMenu div{border:solid #FC7A7D 1px;padding:1px;} #divAddressMenu a {display:block;width:162px !important;width:100%;padding:1px 2px 2px 2px;cursor:default;text-decoration:none;color:#990000;border:solid #ffffff 1px;background-color:none;} #divAddressMenu a span{float:right;} #divAddressMenu a:hover {border:solid #F2C2BD 1px;background-color:#FBEDEC;} </style> '); var varAddress="@Akesu|阿克苏|AKU@Aletai|阿勒泰|AAT@Ankang|安康|AKA@Anqing|安庆|AQG@Anshun|安顺|AVA@Anting|安亭|594@Baise|百色|AEB@Baoshan|保山|BSD@Baotou|包头|BAV@Beihai|北海|BHY@Beijing|北京|BJS@Changchun|长春|CGQ@Changde|常德|CGD@Changdu|昌都|BPX@Changsha|长沙|CSX@Changzhi|长治|CIH@Changzhou|常州|CZX@Chaoyang|朝阳|CHG@Chengdu|成都|CTU@Chifeng|赤峰|CIF@Chongqing|重庆|CKG@Dali|大理|DLU@Dalian|大连|DLC@Dandong|丹东|DDG@Datong|大同|DAT@Daxian|达县|DAX@Dehong|德宏|LUM@Diqing|迪庆|DIG@Dongying|东营|DOY@Dunhuang|敦煌|DNH@Enshi|恩施|ENH@Fuyang|阜阳|FUG@Fuzhou|福州|FOC@Ganzhou|赣州|KOW@Geermu|格尔木|GOQ@Guanghan|广汉|GHN@Guanghua|光化|LHK@Guangzhou|广州|CAN@Guilin|桂林|KWL@Guiyang|贵阳|KWE@Haerbin|哈尔滨|HRB@Haikou|海口|HAK@Hailaer|海拉尔|HLD@Handan|邯郸|HDG@Hangzhou|杭州|HGH@Hanzhong|汉中|HZG@Hefei|合肥|HFE@Heihe|黑河|HEK@Hetian|和田|HTN@Hong Kong|香港|HKG@Huangshan|黄山|TXN@Huangyan|黄岩|HYN@Huhehaote|呼和浩特|HET@Jiamusi|佳木斯|JMU@Jiayuguan|嘉峪关|JGN@Jilin|吉林|JIL@Jinan|济南|TNA@Jingdezhen|景德镇|JDZ@Jinggangshan|井冈山|JGS@Jinghong|景洪|JHG@jinjiang|晋江|JJN@Jinzhou|锦州|JNZ@Jiujiang|九江|JIU@Jiuzhaigou|九寨沟|JZH@Kaohsiung|高雄|KHH@Kashi|喀什|KHG@Kelamayi|克拉玛依|KRY@Kuche|库车|KCA@Kuerle|库尔勒|KRL@Kunming|昆明|KMG@Lanzhou|兰州|LHW@Lasa|拉萨|LXA@LiangPing|梁平|LIA@Lianyungang|连云港|LYG@Lijiang|丽江|LJG@Lincang|临沧|LNJ@Linxi|林西|LXI@Linyi|临沂|LYI@Linzhi|林芝|LZY@LIPING|黎平|HZH@Liuzhou|柳州|LZH@LONGYAN|龙岩|LCX@Luoyang|洛阳|LYA@Luzhou|泸州|LZO@Macau|澳门|MFM@Mangshi|芒市|LUM@Manzhouli|满洲里|NZH@Meixian|梅县|MXZ@Mianyang|绵阳|MIG@Mudanjiang|牡丹江|MDG@Nanchang|南昌|KHN@Nanchong|南充|NAO@Nanjing|南京|NKG@Nanning|南宁|NNG@Nantong|南通|NTG@Nanyang|南阳|NNY@Ningbo|宁波|NGB@Panzhihua|攀枝花|PZI@Qingdao|青岛|TAO@Qingyang|庆阳|IQN@Qinhuangdao|秦皇岛|SHP@Qiqihaer|齐齐哈尔|NDG@Quanzhou|泉州|JJN@Quzhou|衢州|JUZ@Sanya|三亚|SYX@Shanghai|上海|SHA@Shantou|汕头|SWA@Shashi|沙市|SHS@Shenyang|沈阳|SHE@Shenzhen|深圳|SZX@Shijiazhuang|石家庄|SJW@Shishi|石狮|JJN@Simao|思茅|SYM@Tacheng|塔城|TCG@Taipei|台北|TPE@Taiyuan|太原|TYN@Tianjin|天津|TSN@Tongliao|通辽|TGO@Tongren|铜仁|TEN@Wanxian|万州|WXN@Weifang|潍坊|WEF@Weihai|威海|WEH@Wenshan|文山|WNH@Wenzhou|温州|WNZ@Wuhai|乌海|WUA@Wuhan|武汉|WUH@Wulanhaote|乌兰浩特|HLH@Wulumuqi|乌鲁木齐|URC@Wuxi|无锡|WUX@Wuyishan|武夷山|WUS@Xiamen|厦门|XMN@Xian|西安|SIA@Xiangfan|襄樊|XFN@Xianggelila|香格里拉|DIG@Xichang|西昌|XIC@Xilinhaote|锡林浩特|XIL@Xingyi|兴义|ACX@Xining|西宁|XNN@Xishuangbanna|西双版纳|JHG@Xuzhou|徐州|XUZ@Yanan|延安|ENY@Yancheng|盐城|YNZ@Yanji|延吉|YNJ@Yantai|烟台|YNT@Yibin|宜宾|YBP@Yichang|宜昌|YIH@Yinchuan|银川|INC@Yining|伊宁|YIN@Yiwu|义乌|YIW@Yongzhou|永州|LLF@Yulin|榆林|UYN@Yuncheng|运城|YCU@Zhangjiajie|张家界|DYG@Zhanjiang|湛江|ZHA@Zhaotong|昭通|ZAT@Zhengzhou|郑州|CGO@zhijiang|芷江|HJJ@Zhongdian|中甸|DIG@Zhoushan|舟山|HSN@Zhuhai|珠海|ZUH@Wuzhou|梧州|WUZ@Eerduosi|鄂尔多斯|DSN@Nalati|那拉提|NLT@"; var varPageId=0; //生成并显示出城市下拉菜单 function GetCityList(fctThisObj){ var varMenuObj=c$("divAddressMenu"); var varThisObj=fctThisObj; if(varThisObj.id=="menuPageS"||varThisObj.id=="menuPageE"){ varThisObj=varMenuObj.obj; }else{ varPageId=0; } //清除已选城市Value var varThisObjAutoInput=GetValueToInputObj(varThisObj); //取得城市编码值存储对象 if(varThisObjAutoInput)varThisObjAutoInput.value=""; //取得城市数据并拆解为数组 var varObjValue=varThisObj.value; var varThisObjAdd=(varThisObj.getAttributeNode("mod_address_suggest")?varThisObj.getAttributeNode("mod_address_suggest").value:""); var varData=(varObjValue==""?(varThisObjAdd==""?varAddress:varThisObjAdd):varAddress); var varHtmlStr="",varCityDataSplit=varData.split("@"),varCityDataSplitI,varCityDataSplitIu,varNextPageStr=""; //存储当前操作对象 varMenuObj.obj=varThisObj; var varPageRCount=(varThisObj.getAttributeNode("pagecount")?parseInt(varThisObj.getAttributeNode("pagecount").value,10):18); var varThisPageI=0 for(var i=1;i<varCityDataSplit.length-1;i++){ varCityDataSplitI=varCityDataSplit[i]; if(varCityDataSplitI.toUpperCase().indexOf(varObjValue.toUpperCase())>=0 || varObjValue=="" || i==varObjValue){ // || varCityDataSplitI.toLowerCase().indexOf(varObjValue.toLowerCase())>=0 varThisPageI+=1; if(varThisPageI>varPageId*varPageRCount && varThisPageI<=(varPageId+1)*varPageRCount){ varCityDataSplitISplit=varCityDataSplitI.split("|"); varHtmlStr+="<a href='javascript:;' onclick='WriteCity("+varThisPageI+")' id='menuA"+varThisPageI+"' title='"+varCityDataSplitI+"'><span>"+varCityDataSplitISplit[1]+"("+varCityDataSplitISplit[2]+")</span>"+varCityDataSplitISplit[0]+"</a>"; } } } if(varThisPageI>varPageRCount){ varNextPageStr=" <b id=menuPageS style="+(varPageId>0?"cursor:pointer;":"color:#666666;")+"><<< 上一页</b>　" varNextPageStr+="<b id=menuPageE style="+(varThisPageI>(varPageId+1)*varPageRCount?"cursor:pointer;":"color:#666666;")+">下一页 >>></b>"; } var varThisObjPosition=getPosition(varThisObj); //取得事件发生处控件坐标 with(varMenuObj){ style.top=varThisObjPosition.top+varThisObjPosition.height+"px"; style.left=varThisObjPosition.left+"px"; style.visibility="visible"; innerHTML="<div><h4>可输城市拼音/汉字/三字码。</h4>"+(varHtmlStr==""?"<nobr>没有找到您查的信息‘"+varObjValue+"’。</nobr>":varHtmlStr+varNextPageStr)+"</div>"; } GetPyzyIframe("ifm"+varMenuObj.id,"visible",(varThisObjPosition.top+varThisObjPosition.height),varThisObjPosition.left,varMenuObj.offsetWidth,varMenuObj.offsetHeight); //取Iframe return false; } //选择某城市 function WriteCity(fctI){ var varMenuObj=c$("divAddressMenu"); var varThisObj=varMenuObj.obj; var varMenuValue=$("menuA"+fctI).title; varMenuValue=varMenuValue.split("|"); varThisObj.value=varMenuValue[1]; var varThisObjAutoInput=GetValueToInputObj(varThisObj); //取得城市编码值存储对象 if(!varThisObjAutoInput)varThisObjAutoInput=varThisObj; varThisObjAutoInput.value=varMenuValue[2]; if(typeof(fctI)=="number")AutoNextInputAct(varThisObj,"click"); //_Hidden("1"); } //隐藏城市列表 function _Hidden(e){ e=e?e:event; var varMenuObj=c$("divAddressMenu"); var varThisObj=varMenuObj.obj; if(varMenuObj.style.visibility!="hidden"){ if(e){ var EventOBJ=(e.srcElement?e.srcElement:e.target); if(EventOBJ.id=="menuPageS" && EventOBJ.style.color==""){ //如果点的是“上一页”则向上翻页 varPageId=varPageId-1; GetCityList(EventOBJ); } if(EventOBJ.id=="menuPageE" && EventOBJ.style.color==""){ //如果点的是“下一页”则向下翻页 varPageId=varPageId+1; GetCityList(EventOBJ); } if(varThisObj==EventOBJ || EventOBJ.id.indexOf("menuPage")==0 || EventOBJ.id.indexOf("divAddressMenu")==0) return false; } var varThisObjAutoInput=GetValueToInputObj(varThisObj); //取得城市编码值存储对象 if($("menuA1")){ //如果下拉菜单中存在第一个城市 if(!varThisObjAutoInput)varThisObjAutoInput=varThisObj; if(varThisObjAutoInput.value=="" || varThisObjAutoInput==varThisObj){ //编码框中无值 WriteCity("1"); } }else if(EventOBJ.id.indexOf("menuA")<0){ //如果下拉菜单中不存在满足条件的城市 if(varThisObj)varThisObj.value=""; } varMenuObj.style.visibility="hidden"; GetPyzyIframe("ifm"+varMenuObj.id,"hidden"); } } /**********城市列表功能 End huzj 2008-4-14*************/ /**********日历选择功能 End huzj 2008-4-14*************/ //输出日历样式表 huzj 2008-4-12 document.write(' <style type="text/css"> .DateListBox{float:left;border:solid #FC7A7D 1px;width:147px !important;width:142px;height:168px !important;height:176px;font-size:12px;text-align:center;} .DateListBox h1{width:100%;background-color:#FFF4F4;color:#B42929;font-size:12px;height:20px;font-weight:bold;line-height:20px;vertical-align:middle;margin:0px;} .DateListBox div{float:left;border:solid #EB696C 1px;background-color:#EB696C;color:#FFFFFF;width:19px !important;width:20px;height:20px;font-size:12px;font-weight:bold;line-height:20px;vertical-align:middle;} .DateListBox a{float:left;color:#990000;border:solid #ffffff 1px;background-color:#ffffff;width:19px !important;width:20px;height:19px !important;height:22px;font-size:12px;line-height:20px;vertical-align:middle;} .DateListBox a:hover{border:solid #F2C2BD 1px;background-color:#FBEDEC;} .DateListBox .aSelect{cursor:pointer;border:solid #DEB4B4 1px;background-color:#FAE0CF;color:#FF0000;} .PyzyDateBox{position:absolute;z-index:1;visibility:hidden;background-color:#FFFFFF;border:solid #EBcccC 1px;height:170px;width:298px !important;width:286px;} </style> '); //取得日历列表，该函数输出的内容需要根据需求放置到特定的容器中，如浮动层、固定DIV… function GetMonthHTML(fctStaDate,fctDate){ if(!fctDate)fctDate=new Date(); //默认为当前日期 var varYear=fctDate.getFullYear(); var varMonth=fctDate.getMonth(); var varNextMonth=new Date(varYear,varMonth+1,1); var varThisMonthButDay = new Date(varNextMonth-86400000); //本月最后一天 var varThisDate,varThisWeekDay,varThisMonthHTML=""; varThisMonthHTML+="<h1>"+varYear+"年"+(varMonth+1)+"月</h1>" varThisMonthHTML+="<div>日</div><div>一</div><div>二</div><div>三</div><div>四</div><div>五</div><div>六</div>" for(var DayI=1;DayI<=varThisMonthButDay.getDate();DayI++){ varThisDate=new Date(varYear,varMonth,DayI); varThisWeekDay=varThisDate.getDay(); if(DayI==1){ for(var spcI=0;spcI<varThisWeekDay;spcI++){ varThisMonthHTML+="<a></a>" } } varThisMonthHTML+="<a "+((fctStaDate && fctStaDate!="")?(varThisDate<fctStaDate?"old":""):"")+" href=javascript:; onclick='SelectDate(this)' title='"+varYear+"-"+(varMonth+1)+"-"+DayI+"'>"+DayI+"</a>"; } return '<div class="DateListBox">'+varThisMonthHTML+'</div>'; } //选择日期 function SelectDate(fctAObj){ if(fctAObj.href||fctAObj.className=="aSelect"){ var varValueObj=$("divPyzyDateBox").Obj; var varValueToObj=GetValueToInputObj(varValueObj); if(varValueToObj)varValueObj=varValueToObj; if(varValueObj.value==fctAObj.title){ varValueObj.value=""; }else{ varValueObj.value=fctAObj.title; } $("divPyzyDateBox").style.visibility="hidden"; $("divPyzyDateBox").bodyclick=""; GetPyzyIframe("ifmdivPyzyDateBox","hidden"); AutoNextInputAct($("divPyzyDateBox").Obj,"click"); } } //隐藏日历 function HiddenDateBox(){ if($("divPyzyDateBox")){ if($("divPyzyDateBox").style.visibility!="hidden" && $("divPyzyDateBox").bodyclick=="1"){ $("divPyzyDateBox").style.visibility="hidden"; $("divPyzyDateBox").bodyclick=""; GetPyzyIframe("ifmdivPyzyDateBox","hidden"); }else{ $("divPyzyDateBox").bodyclick="1"; } } } //显示日历 function ShowTwoMonthList(fctThisObj,fctJNum,fctStaDate){ if(!fctJNum)fctJNum=0; if(!fctThisObj)fctThisObj=""; var varStaDate=null,varTheDate=new Date(); if(fctStaDate||fctStaDate==""){ varStaDate=new Date(new Date()-86400000); //如果没有定义具体可使用的开始时间则自定义为今天 var varStaDateSplit=fctStaDate.split("-"); if(varStaDateSplit.length==3){ varStaDate=new Date(varStaDateSplit[0],parseInt(varStaDateSplit[1],10)-1,varStaDateSplit[2]);//fctStaDate=new Date(); } varTheDate=varStaDate; if(fctStaDate=="")fctStaDate=varStaDate.getFullYear()+"-"+(varStaDate.getMonth()+1)+"-"+varStaDate.getDate(); } var varShowTwoMonthHTML=""; for(var i=0+fctJNum;i<2+fctJNum;i++){ varShowTwoMonthHTML+=GetMonthHTML((varStaDate?varStaDate:""),new Date(varTheDate.getFullYear(),varTheDate.getMonth()+i,1)); } if(varStaDate)varShowTwoMonthHTML=varShowTwoMonthHTML.replace(/old href/g,"style=color:#999 old"); if(fctThisObj.value!=""){ //对已选日期样式进行改变 if(/^((d{4})|(d{2}))-(d{1,2})-(d{1,2})$/g.test(fctThisObj.value))varShowTwoMonthHTML=varShowTwoMonthHTML.replace(fctThisObj.value,fctThisObj.value+"' class='aSelect"); } var varDateBoxObj = c$("divPyzyDateBox","PyzyDateBox"); varDateBoxObj.bodyclick=""; if(fctThisObj!=""){ //调整坐标到合适位置 var varThisObjPosition=getPosition(fctThisObj); varDateBoxObj.style.top=(varThisObjPosition.top+varThisObjPosition.height)+"px"; varDateBoxObj.style.left=varThisObjPosition.left+"px"; varDateBoxObj.style.visibility="visible"; //hidden varDateBoxObj.Obj=fctThisObj; } varDateBoxObj.innerHTML=varShowTwoMonthHTML+'<div style="margin-top:'+(document.all?'-177':'-1')+'px;color:#B42929;font-size:12px;font-weight:bold;line-height:24px;vertical-align:bottom;"> <span style="padding-right:'+(document.all?'220':'232')+'px;cursor:pointer;" onclick="ShowTwoMonthList(null,'+(fctJNum-1)+(fctStaDate?',''+fctStaDate+''':'')+')" title="上月"><--</span><span style="cursor:pointer;" onclick="ShowTwoMonthList(null,'+(fctJNum+1)+(fctStaDate?',''+fctStaDate+''':'')+')" title="下月">--></span></div>'; GetPyzyIframe("ifmdivPyzyDateBox","visible",(varThisObjPosition.top+varThisObjPosition.height),varThisObjPosition.left,varDateBoxObj.offsetWidth,varDateBoxObj.offsetHeight); //取Iframe } /**********日历选择功能 End huzj 2008-4-14*************/ //为window.onload增加一个为document增加onclick处理函数的函数(^_^)huzj 2008-4-14 AddFunToObj(window,"onload","AddFunToObj(document,'onclick','_Hidden("+(document.all?"":"e")+");HiddenDateBox();');"); </script> </head> <body> 已通过测试的浏览器：IE6、IE7、FF <div style=" border:solid #999999 1px;background-color:#FFFCE6;padding:10px; margin:20px;"> 编码存储域：<input name="cityCode" id="cityCode" value=""/> <br /> 城市1：<input name="dest_city_1" id="dest_city_1" type="text" value="" size="10" onclick="GetCityList(this)" onkeyup="GetCityList(this)" value_to_input="cityCode" nextinput="dest_city_2" mod_address_suggest="@Xian|西安|SIA@Beijing|北京|BJS@Shanghai|上海|SHA@Shenzhen|深圳|SZX@Guangzhou|广州|CAN@Qingdao|青岛|TAO@Chengdu|成都|CTU@Hangzhou|杭州|HGH@Wuhan|武汉|WUH@Tianjin|天津|TSN@Dalian|大连|DLC@Xiamen|厦门|XMN@Chongqing|重庆|CKG@" />有指定默认城市列表，选择完成后自动跳转到下一城市选择对象 <br /> 城市2：<input name="dest_city_2" id="dest_city_2" type="text" value="" size="10" onclick="GetCityList(this)" onkeyup="GetCityList(this)" pagecount="5" />未指定默认城市列表，未指定城市值存储域，设置了每页显示城市数量为5个 <div id="div1" style="border:solid #003399 1px;"></div> <br /> <br /> 日期1：<input type="text" name="textfield1" id="textfield1" nextinput="textfield2" onClick="ShowTwoMonthList(this,0,'thisDay');" value=""/> 当前日期为最后可用日期，该项选择完成后自动跳转到下一日期项<br /> 日期2：<input type="text" name="textfield2" id="textfield2" nextinput="textfield3" onClick="ShowTwoMonthList(this,0,$('textfield1').value);"/> 上一关联日期为最终可用日期 <br /> 日期3：<input type="text" name="textfield3" id="textfield3" onClick="ShowTwoMonthList(this,0);"/> 无任何限制，所有日期均可用<br /> 日期4：<input type="text" name="textfield4" id="textfield4" /><input style="background-color:#EBCCCC; border-width:0px;" type="button" name="btn" value="选择日期" value_to_input="textfield4" onClick="ShowTwoMonthList(this,0);"/> 点相关图标或按钮选择日期 <br /> 测试覆盖：<select name="select"><option>测试层是否能盖住下拉菜单</option></select> <br /> 在日历中点击已选日期，自动切换取消选择。 </div> </body>

上一篇:避免select控件和Flash挡住div层
下一篇:js超强类库--EXT介绍

推荐文章

热点文章

相关文章

百度搜索

[收藏]类似携程网的城市、日历选择功能

网友评论: