js版本的日历显示时被遮住如何修改？

如何让这个控件显示在最外层，这个控件是放在DataGrid 里面的

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

放到层中<div style="z-index:555"></div>
/************** 加入日历底板及阴影 *********************/
  this.addCalendarPad=function(){
   document.write("<div id='divCalendarpad' style='position:absolute;top:100;left:0;width:255;height:167;display:none;'>");
   document.write("<iframe frameborder=0 height=168 width=255></iframe>");
   document.write("<div style='position:absolute;top:4;left:4;width:248;height:164;background-color:#336699;'></div>");
   document.write("</div>");
   calendar.calendarPad=document.all.divCalendarpad;
  }
  /************** 加入日历面板 *********************/
  this.addCalendarBoard=function(){
   var BOARD=this;
   var divBoard=document.createElement("div");
   calendar.calendarPad.insertAdjacentElement("beforeEnd",divBoard);
   divBoard.style.cssText="position:absolute;top:0;left:0;width:250;height:166;border:1 outset;background-color:buttonface;";

   var tbBoard=document.createElement("table");
   divBoard.insertAdjacentElement("beforeEnd",tbBoard);
   tbBoard.style.cssText="position:absolute;top:0;left:0;width:100%;height:10;font-size:9pt;";
   tbBoard.cellPadding=0;
   tbBoard.cellSpacing=1;
   tbBoard.bgColor="#333333";

这是原代码
不是有个show函数吗?
this.show=function(targetObject,defaultDate,sourceObject)
TCALENDAR.show(obj 目标对像,string 默认日期,obj 点击对像)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  <HTML>
  <HEAD>
  <TITLE>AgetimeCalendar DEMO</TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript" src="calendar.js"></script>
  <script type="text/javascript" src=""></script>
  <script language="javascript">
   var CalendarWebControl = new atCalendarControl();   function createMenu(){
    var menubar=new Array("文件","编辑","查查找","文档");
    var menupad=new Array();
    menupad[0]=new Array();
    menupad[0][0]=new Array("打开","http://agetime.joo.cn");
    menupad[0][1]=new Array("--");
    menupad[0][2]=new Array("保存","http://agetime.joo.cn","_blank");    menupad[1]=new Array();
    menupad[1][0]=new Array("复制","http://agetime.joo.cn","aa",true);
    menupad[1][1]=new Array("选择");
    menupad[1][2]=new Array("--");
    menupad[1][3]=new Array("删除");    menupad[2]=new Array();
    menupad[2][0]=new Array("替换");
    menupad[2][1]=new Array("--");
    menupad[2][2]=new Array("无间道");
    menupad[2][3]=new Array("无孔不入");    var menu=new atMenu(menubar,menupad);
   }
  </script>
  </HEAD> calendar.html  <BODY>
  <table width="750" border="0" cellpadding="1" cellspacing="3">
    <tr>
    <td width="225"> </td>
    <td width="482"> </td>
    <td width="21"> </td>
    </tr>
    <tr>
      <td height="123"> </td>
    <td> </td>
    <td> </td>
    </tr>
    <tr>
    <td> </td>
    <td> <form name="form1" method="post" action="" ID=Form1>
        <label>输入日期: </label>
        <input name="dateInput" type="text" id="dateInput" size="12" maxlength="12" readonly="1" />
        <img src="img.gif" width="18" height="18" onClick="CalendarWebControl.show(form1.dateInput,'',this);" title="显示日历" />
      </form>
      <label></label></td>
    <td> </td>
  </tr>
  </table>
  <table width="750" border="0">
    <tr>
    <td width="245"> </td>
    <td width="83"> </td>
    <td width="408"> </td>
    </tr>
    <tr>
    <td height="18"> </td>
    <td> </td>
    <td><select name="select" ID=Select1>
        <option selected>我被calendar遮挡了</option>
      </select></td>
    </tr>
    <tr>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  </table>
  日期:
  <input name="dateInput" type="text" id=Text1 size="12" maxlength="12" readonly="1" value="2003-12-22" onClick="CalendarWebControl.show(this,this.value);" />
  </BODY>
  </HTML>
看来让大家误解了。不是说不会调用，而是说我点击日历控件时，可以显示出日历，但是，当这个日历是嵌在datagrid中时，会被table遮住一些；如果能让日历控件显示在最外层，那就不会了，但不知如何弄？