AJAX 日历用户控制下一个和上一个按钮问题答案

【问题标题】：AJAX Calender User Control Next and Previous button IssueAJAX 日历用户控制下一个和上一个按钮问题
【发布时间】：2011-07-13 09:11:33
【问题描述】：

我创建了 Ajax Calender Extender 作为用户控件，并在各个页面中使用它。我对日历用户控件的问题是，当我单击日历中的“下一个”和“上一个”按钮时，它不是在上个月或下个月导航。

AJAX 版本为：4.1.40412.2

AJAX 日历 CSS ：

.ajax_日历 { 位置：相对；左：0px！重要；顶部：0px！重要；能见度：可见；显示：块；背景颜色：红色； } .ajax_calendar iframe { 左：0px！重要；顶部：0px！重要； }

这是我的用户控件：

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UCCalender.ascx.cs"
Inherits="test.Web.Pages.UserControls.UCCalender" %>

<div style="position:relative;border:solid 1px red;">
<asp:TextBox ID="txtDate" MaxLength="10" CssClass="txtBox medium" ToolTip="DD/MM/YYYY"
    Style="width: 85px;" Font-Size="11px" runat="server"></asp:TextBox>
<asp:ImageButton ImageUrl="~/Resources/Images/calendar.gif" ID="imgCalender" runat="Server"
    BorderWidth="0" ImageAlign="absmiddle" />
<ajaxControl:CalendarExtender ID="AjaxCalenderCtrl" runat="server" Format="dd/MM/yyyy" PopupPosition ="TopLeft" 
    TargetControlID="txtDate" FirstDayOfWeek="Sunday" PopupButtonID="imgCalender">
</ajaxControl:CalendarExtender>
<ajaxControl:TextBoxWatermarkExtender WatermarkCssClass="watermark" ID="txtWaterMarkDate"
    runat="server" WatermarkText="DD/MM/YYYY" TargetControlID="txtDate">
</ajaxControl:TextBoxWatermarkExtender>
<asp:RegularExpressionValidator ID="regexpvalEndDateEdit" ErrorMessage="!" ValidationExpression="(0[1-9]|[12][0-9]|3[01])[- /.](0[1-9]|1[012])[- /.](19|20)\d\d"
    ControlToValidate="txtDate" runat="server"></asp:RegularExpressionValidator>
    </div>

我在页面中以这种方式使用相同的 UserControl：

 <table id="inputDetails" style="padding: 0px; width: 700px;" cellpadding="0" cellspacing="0">

                            <tr>
                                <td style="width: 198px; position: relative" align="left">
                                    <asp:Label ID="lblBeginning" runat="server" Text="Beginning :" Style="margin-left: 10px;"></asp:Label>
                                    <asp:TextBox ID="tbxBeginCalendar" TabIndex="3" runat="server" Style="width: 85px;" Font-Size="11px"></asp:TextBox>


                            <asp:ImageButton ID="BeginCal" runat="server" ImageUrl= "~/Resources/Images/calendar.gif" />
                                  <uc1:UCCalender ID="UCCalStartDate" runat="server" />
                                </td>

                        </table>

请提供此帖子的解决方案。

【问题讨论】：

标签： ajax calendarextender

【解决方案1】：

我刚刚遇到了同样的问题。这似乎是因为我应用了位置：相对于父元素。

添加这个 CSS 为我解决了这个问题：

.ajax__calendar_prev, .ajax__calendar_next{z-index:1;}

希望有帮助！

【讨论】：

【解决方案2】：

当您在 IE8 中浏览 CalendarExtender 时会出现此问题。您需要添加以下 CSS 类来解决问题： .MyCalendar .ajax__calendar_title { 边框：无； /* 修复弹出标题中的“上一个”和“下一个”按钮 */ }

这里有解释：http://ajaxcontroltoolkit.codeplex.com/workitem/22894

【讨论】：