城市、日历选择,含输入提示功能，非常酷的效果

功能似乎很强大！

<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>

提示：您可以先修改部分代码再运行

posted on 2008-05-26 15:36 farmer 阅读(411) 评论(1) 编辑收藏

常用链接

留言簿(1)

随笔档案

文章档案

Friend Link

搜索

积分与排名

最新评论


只有注册用户登录后才能发表评论。




网站导航: 博客园 IT新闻知识库 C++博客博问管理