问题描述：我在网上下载了一个用JS写得日期控件。现在在使用中发现：弹出的日期部分被页面上的其它控件挡住了，造成日期控件无法使用。不知道如何解决。请各位高手帮我想想解决方案。（注：JS的日期控件是由荷叶上的雨露开发的）。下面是相关代码（红色部分是使用日期控件的地方）。我在线等，问题比较棘手，客户在等着。麻烦大家了
页面代码：
<div class="Menubox">
<ul>
<li id="one1" onmouseover="setTab('one',1,2)" class="hover" style="width: 129px" onclick="DisplayHide('Contentbox');">
<asp:Label ID="lbl1" runat="server" Text="设置数据查询条件" Font-Size="small" ForeColor="#1F497D" />
</li>
<li id="one2" onmouseover="setTab('one',2,2)" style="width: 129px" onclick="DisplayHide('Contentbox');">
<asp:Label ID="lbl2" runat="server" Text="绩效说明" Font-Size="small" ForeColor="#1F497D" />
</li>
<li id="one3" style="width: 250px; text-align: left">
<asp:Label ID="lbl3" runat="server" Text="（提示：单击页签按钮可伸展或折叠）" Font-Size="small" ForeColor="#1F497D" />
</li>
</ul>
</div>
<div id="Contentbox" class="Contentbox" style="height: 180px; display: none">
<div id="con_one_1" class="hover">
<table style="margin: 0px 0px 0px 9px;">
<tr>
<td>
<table>
<tr>
<td>
<asp:Label ID="lblWlCode" runat="server" Font-Size="small" ForeColor="#1F497D" Text="物料编码：" />
</td>
<td style="padding-left: 5px">
<asp:TextBox ID="txtWlCode" CssClass="textbox" onfocus="OverTextBox('txtWlCode');" onfocusout="OutTextBox('txtWlCode');" runat="server" Width="150px" />
</td>
<td style="padding-left: 20px">
<asp:Label ID="lblInputDate" runat="server" Font-Size="small" ForeColor="#1F497D" Text="导入时间：" />
</td>
<td>
<asp:TextBox ID="txtBeginDate" CssClass="textbox" runat="server" onFocus="setday(this)" contenteditable="false" Width="100px" /> - <asp:TextBox ID="txtEndDate" runat="server" CssClass="textbox" onFocus="setday(this)" contenteditable="false" Width="100px" /> <asp:CompareValidator ID="cvTime" runat="server" Display="Dynamic" ErrorMessage="结束时间必须大于开始时间！" ControlToCompare="txtBeginDate" ControlToValidate="txtEndDate" Operator="GreaterThan" />
</td>
</tr>
<tr>
<td style="padding-top: 15px">
<asp:Label ID="lblFactory" runat="server" ForeColor="#1F497D" Font-Size="small" Text="选择工厂：" />
</td>
<td colspan="3" style="padding-top: 15px">
<asp:CheckBoxList ID="cblFactory" runat="server" RepeatDirection="Horizontal" BorderStyle="None" RepeatLayout="Flow" />
</td>
</tr>
<tr>
<td style="padding-top: 15px">
<asp:Label ID="lblProduceMode" runat="server" ForeColor="#1F497D" Font-Size="small" Text="选择生产方式：" />
</td>
<td colspan="3" style="padding-top: 15px">
<asp:CheckBoxList ID="cblProduceMode" runat="server" RepeatDirection="Horizontal" BorderStyle="None" RepeatLayout="Flow" />
</td>
</tr>
<tr>
<td colspan="4" style="padding-top: 15px; padding-left: 100px">
<asp:Button ID="btnSearch" runat="server" Text="查询" OnClick="btnSearch_Click" CssClass="inp_L1" onMouseOver="this.className='inp_L2'" onMouseOut="this.className='inp_L1'" />
<asp:Button ID="btnExport" runat="server" Text="导出Excel" OnClick="btnExport_Click" CssClass="inp_L1" onMouseOver="this.className='inp_L2'" onMouseOut="this.className='inp_L1'" CausesValidation="false" />
<asp:Button ID="btnFefurbish" runat="server" Text="刷新" OnClick="btnFefurbish_Click" CssClass="inp_L1" onMouseOver="this.className='inp_L2'" onMouseOut="this.className='inp_L1'" CausesValidation="false" />
</td>
</tr>
</table>
</td>
<td>
<div id="picture" style="padding-left: 250px">
<div style="padding-bottom: 5px">
<asp:Label ID="state" runat="server" ForeColor="#1F497D" Font-Size="small" Text="图示状态说明：" />
</div>
<div style="padding-bottom: 3px">
<img alt="" src="img/red.jpg" originalAttribute="src" originalPath="img/red.jpg" align="absmiddle" /> <asp:Label ID="lblRed" ForeColor="#1F497D" Font-Size="small" runat="server" Text="超时未完成" />
</div>
<div style="padding-bottom: 3px">
<img alt="" src="img/blue.jpg" originalAttribute="src" originalPath="img/blue.jpg" align="absmiddle" /> <asp:Label ID="lblBlue" ForeColor="#1F497D" Font-Size="small" runat="server" Text="超时完成" />
</div>
<div style="padding-bottom: 3px">
<img alt="" src="img/green.jpg" originalAttribute="src" originalPath="img/green.jpg" align="absmiddle" /> <asp:Label ID="lblGreen" ForeColor="#1F497D" Font-Size="small" runat="server" Text="按时完成" />
</div>
<div>
<img alt="" src="img/yellow.jpg" originalAttribute="src" originalPath="img/yellow.jpg" align="absmiddle" /> <asp:Label ID="lblYellow" ForeColor="#1F497D" Font-Size="small" runat="server" Text="正在操作" />
</div>
<div>
<img alt="" src="img/black.jpg" originalAttribute="src" originalPath="img/black.jpg" align="absmiddle" /> <asp:Label ID="lblBlack" ForeColor="#1F497D" Font-Size="small" runat="server" Text="QDL数据收集中" />
</div>
</div>
</td>
</tr>
</table>
</div>
CSS样式：
a:link
{
color:#00F;
text-decoration:none;
}
a:visited
{
color: #00F;
text-decoration:none;
}
a:hover
{
color: #c00;
text-decoration:underline;
}
ul
{
list-style:none;
}
/*选项卡1*/
#Tab1
{
margin:0px;
margin:0 auto;
padding-left: 2px;
padding-right: 2px
}
/*选项卡2*/
#Tab2
{
width:576px;
margin:0px;
padding:0px;
margin:0 auto;
}
/*菜单class*/
.Menubox
{
width:100%;
height:28px;
line-height:28px;
background-color: #ffffff;
}
.Menubox ul
{
margin:0px;
padding:0px;
}
.Menubox li
{
float:left;
display:block;
cursor:pointer;
width:80px;
text-align:center;
}
.Menubox li.hover
{
padding:0px;
width:80px;
border-left:1px solid #dcdcdc;
border-top:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
height:27px;
line-height:27px;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=\"#B4D1FB\",endColorStr=\"#E3EDFD\",gradientType=\"0\"");
}
.Contentbox
{
clear:both;
margin-top:0px;
border:1px solid #A8C29F;
text-align:left;
padding-top:8px;
}
JS脚本：
function setTab(name, cursel, n)
{
for (i = 1; i <= n; i++)
{
var menu = document.getElementById(name + i);
var con = document.getElementById("con_" + name + "_" + i);
menu.className = i == cursel ? "hover" : "";
con.style.display = i == cursel ? "block" : "none";
}
}
function DisplayHide(id)
{
var divContentbox=document.getElementById(id);
if(divContentbox.style.display=="none")
{
divContentbox.style.display="block";
}
else
{
divContentbox.style.display="none";
}
}
zy
