JavaScript高手请进。日期控件问题。
以下是我一个日期控件的JavaScript代码，是我在网上下的，把以下代码放在一个text中就可以用了，可是用了后选择了日期就不能删除啦.我想让他可以选择又可以删除，请高手帮忙修改，指出改动位置。
<!--
document.write( " <div id=meizzCalendarLayer style= 'position: absolute; z-index: 9999; width: 144; height: 193; display: none '> ");
document.write( " <iframe name=meizzCalendarIframe scrolling=no frameborder=0 width=100% height=100%> </iframe> </div> ");
function writeIframe()
{
var strIframe = " <html> <head> <meta http-equiv= 'Content-Type ' content= 'text/html; charset=gb2312 '> <style> "+
"*{font-size: 12px; font-family: 宋体} "+
".bg{ color: "+ WebCalendar.lightColor + "; cursor: default; background-color: "+ WebCalendar.darkColor + ";} "+
"table#tableMain{ width: 142; height: 180;} "+
"table#tableWeek td{ color: "+ WebCalendar.lightColor + ";} "+
"table#tableDay td{ font-weight: bold;} "+
"td#meizzYearHead, td#meizzYearMonth{color: "+ WebCalendar.wordColor + "} "+
".out { text-align: center; border-top: 1px solid "+ WebCalendar.DarkBorder + "; border-left: 1px solid "+ WebCalendar.DarkBorder + "; "+
"border-right: 1px solid "+ WebCalendar.lightColor + "; border-bottom: 1px solid "+ WebCalendar.lightColor + ";} "+
".over{ text-align: center; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; "+
"border-bottom: 1px solid "+ WebCalendar.DarkBorder + "; border-right: 1px solid "+ WebCalendar.DarkBorder + "} "+
"input{ border: 1px solid "+ WebCalendar.darkColor + "; padding-top: 1px; height: 18; cursor: hand; "+
" color: "+ WebCalendar.wordColor + "; background-color: "+ WebCalendar.btnBgColor + "} "+
" </style> </head> <body onselectstart= 'return false ' style= 'margin: 0px ' oncontextmenu= 'return false '> <form name=meizz> ";
if (WebCalendar.drag){ strIframe += " <scr "+ "ipt language=javascript> "+
"var drag=false, cx=0, cy=0, o = parent.WebCalendar.calendar; function document.onmousemove(){ "+
"if(parent.WebCalendar.drag && drag){if(o.style.left== ' ')o.style.left=0; if(o.style.top== ' ')o.style.top=0; "+
"o.style.left = parseInt(o.style.left) + window.event.clientX-cx; "+
"o.style.top = parseInt(o.style.top) + window.event.clientY-cy;}} "+
"function document.onkeydown(){ switch(window.event.keyCode){ case 27 : parent.hiddenCalendar(); break; "+
"case 37 : parent.prevM(); break; case 38 : parent.prevY(); break; case 39 : parent.nextM(); break; case 40 : parent.nextY(); break; "+
"case 84 : document.forms[0].today.click(); break;} window.event.keyCode = 0; window.event.returnValue= false;} "+
"function dragStart(){cx=window.event.clientX; cy=window.event.clientY; drag=true;} </scr "+ "ipt> "}
strIframe += " <select name=tmpYearSelect onblur= 'parent.hiddenSelect(this) ' style= 'z-index:1;position:absolute;top:3;left:18;display:none ' "+
" onchange= 'parent.WebCalendar.thisYear =this.value; parent.hiddenSelect(this); parent.writeCalendar(); '> </select> "+
" <select name=tmpMonthSelect onblur= 'parent.hiddenSelect(this) ' style= 'z-index:1; position:absolute;top:3;left:74;display:none ' "+
" onchange= 'parent.WebCalendar.thisMonth=this.value; parent.hiddenSelect(this); parent.writeCalendar(); '> </select> "+
" <table id=tableMain class=bg border=0 cellspacing=2 cellpadding=0> "+
" <tr> <td width=140 height=19 bgcolor= ' "+ WebCalendar.lightColor + " '> "+
" <table width=140 id=tableHead border=0 cellspacing=1 cellpadding=0> <tr align=center> "+
" <td width=15 height=19 class=bg title= '向前翻 1 月 快捷键：← ' style= 'cursor: hand ' onclick= 'parent.prevM() '> <b> < </b> </td> "+
" <td width=60 id=meizzYearHead title= '点击此处选择年份 ' onclick= 'parent.funYearSelect(parseInt(this.innerText, 10)) ' "+
" onmouseover= 'this.bgColor=parent.WebCalendar.darkColor; this.style.color=parent.WebCalendar.lightColor ' "+
" onmouseout= 'this.bgColor=parent.WebCalendar.lightColor; this.style.color=parent.WebCalendar.wordColor '> </td> "+
" <td width=50 id=meizzYearMonth title= '点击此处选择月份 ' onclick= 'parent.funMonthSelect(parseInt(this.innerText, 10)) ' "+
" onmouseover= 'this.bgColor=parent.WebCalendar.darkColor; this.style.color=parent.WebCalendar.lightColor ' "+
" onmouseout= 'this.bgColor=parent.WebCalendar.lightColor; this.style.color=parent.WebCalendar.wordColor '> </td> "+
" <td width=15 class=bg title= '向后翻 1 月 快捷键：→ ' onclick= 'parent.nextM() ' style= 'cursor: hand '> <b> > </b> </td> </tr> </table> "+
" </td> </tr> <tr> <td height=20> <table id=tableWeek border=1 width=140 cellpadding=0 cellspacing=0 ";
if(WebCalendar.drag){strIframe += "onmousedown= 'dragStart() ' onmouseup= 'drag=false ' onmouseout= 'drag=false ' ";}
strIframe += " borderColorLight= ' "+ WebCalendar.darkColor + " ' borderColorDark= ' "+ WebCalendar.lightColor + " '> "+
" <tr align=center> <td height=20> 日 </td> <td> 一 </td> <td> 二 </td> <td> 三 </td> <td> 四 </td> <td> 五 </td> <td> 六 </td> </tr> </table> "+
" </td> </tr> <tr> <td valign=top width=140 bgcolor= ' "+ WebCalendar.lightColor + " '> "+
" <table id=tableDay height=120 width=140 border=0 cellspacing=1 cellpadding=0> ";
for(var x=0; x <5; x++){ strIframe += " <tr> ";
for(var y=0; y <7; y++) strIframe += " <td class=out id= 'meizzDay "+ (x*7+y) + " '> </td> "; strIframe += " </tr> ";}
strIframe += " <tr> ";
for(var x=35; x <39; x++) strIframe += " <td class=out id= 'meizzDay "+ x + " '> </td> ";
strIframe += " <td colspan=3 class=out title= ' "+ WebCalendar.regInfo + " '> <input style= ' background-color: "+
WebCalendar.btnBgColor + ";cursor: hand; padding-top: 4px; width: 100%; height: 100%; border: 0 ' onfocus= 'this.blur() ' "+
" type=button value= ' 关闭 ' onclick= 'parent.hiddenCalendar() '> </td> </tr> </table> "+
" </td> </tr> <tr> <td height=20 width=140 bgcolor= ' "+ WebCalendar.lightColor + " '> "+
" <table border=0 cellpadding=1 cellspacing=0 width=140> "+
" <tr> <td> <input name=prevYear title= '向前翻 1 年 快捷键：↑ ' onclick= 'parent.prevY() ' type=button value= '<< ' "+
" onfocus= 'this.blur() ' style= 'meizz:expression(this.disabled=parent.WebCalendar.thisYear==1000) '> <input "+
" onfocus= 'this.blur() ' name=prevMonth title= '向前翻 1 月 快捷键：← ' onclick= 'parent.prevM() ' type=button value= '< '> "+
" </td> <td align=center> <input name=today type=button value= '今天 ' onfocus= 'this.blur() ' style= 'width: 50 ' title= '当前日期 快捷键：T ' "+
" onclick=\ "parent.returnDate(new Date().getDate() + '/ '+ (new Date().getMonth() +1) + '/ '+ new Date().getFullYear())\ "> "+
" </td> <td align=right> <input title= '向后翻 1 月 快捷键：→ ' name=nextMonth onclick= 'parent.nextM() ' type=button value= ' > ' "+
" onfocus= 'this.blur() '> <input name=nextYear title= '向后翻 1 年 快捷键：↓ ' onclick= 'parent.nextY() ' type=button value= '>> ' "+
" onfocus= 'this.blur() ' style= 'meizz:expression(this.disabled=parent.WebCalendar.thisYear==9999) '> </td> </tr> </table> "+
" </td> </tr> <table> </form> </body> </html> ";
with(WebCalendar.iframe)
{
document.writeln(strIframe); document.close();
for(var i=0; i <39; i++)
{
WebCalendar.dayObj[i] = eval( "meizzDay "+ i);
WebCalendar.dayObj[i].onmouseover = dayMouseOver;
WebCalendar.dayObj[i].onmouseout = dayMouseOut;
WebCalendar.dayObj[i].onclick = returnDate;
}
}
}
[解决办法]
strIframe += " <td colspan=3 class=out title= ' "+ WebCalendar.regInfo + " '> <input style= ' background-color: "+
WebCalendar.btnBgColor + ";cursor: hand; padding-top: 4px; width: 48%; border: 0px ' onfocus= 'this.blur() ' "+
" type=button value= '关闭 ' onclick= 'parent.hiddenCalendar() '> <input style= ' background-color: "+
WebCalendar.btnBgColor + ";cursor: hand; padding-top: 4px; width: 48%; border: 0px ' onfocus= 'this.blur() ' "+
" type=button value= '清空 ' onclick= 'parent.clearTextBox() '> </td> </tr> </table> "+
在相应的位置替换上面的代码
在最后面加上下边的代码
function clearTextBox(){
WebCalendar.objExport.value= " ";
hiddenCalendar();
}
[解决办法]
顶，zhaoxiaoyang(梅雪香@深圳)
