asp.net2.0(c#) 开发webformajax 来显示日期,代码如下:<asp:TextBox ID="Datefrom" runat="server"/>
<ajaxToolkit:CalendarExtender ID="ce_datefrom" runat="server" TargetControlID="Datefrom" />
问题:日历显示只有一半(14号以后的不显示出来)关注……………………
<ajaxToolkit:CalendarExtender ID="ce_datefrom" runat="server" TargetControlID="Datefrom" />
问题:日历显示只有一半(14号以后的不显示出来)关注……………………
<asp:ImageButton ID="ImageButton1" runat="server" SkinID="CalendarImageButton" OnClientClick="javascript:return false;" />
<ajaxToolkit:CalendarExtender runat="server" TargetControlID="TextBox1" CssClass="ajaxToolkit-CalendarExtender" Format="MM/dd/yyyy" PopupButtonID="ImageButton1" id="CalendarExtender1" />
检查CSS样式
1CalendarExtender使用
通过查找日历控件的源代码,可以找到名为Calendar.css的样式表,样式表的第一行表示整个日历控件这个容器的样式,代码如下:
.ajax__calendar_container {
padding:4px;position:absolute;
cursor:default;
width:170px;
font-size:11px;
text-align:center;
font-family:tahoma,verdana,helvetica;
}
我们只要在页面重写这行样式规则就可以实现效果。
.MyCalendar .ajax__calendar_container
{
z-index:1000;
}
然后在控件中设置CssClass="MyCalendar",这样就可以啦。。
======
接下来,将
.MyCalendar .ajax__calendar_container
{
z-index:1000;
}
改为:
.MyCalendar .ajax__calendar_container
{
z-index:3000;
background-color: White;
}
解决多层视觉影响。
http://four-corner.appspot.com