C# UpdatePanel中的Obout日历在异步回发后出错

C# UpdatePanel中的Obout日历在异步回发后出错,c#,asp.net,updatepanel,obout,asynchronous-postback,C#,Asp.net,Updatepanel,Obout,Asynchronous Postback,我目前正在尝试使用Obout日历控件实现日期范围搜索功能。其想法是,用户可以从Obout日历中选择一个日期,然后该日历将填充旁边的asp:TextBox。表单中还有其他字段,但这是一个正在中断的字段。我在表单底部还有一个asp:按钮,它的功能是清除表单中的所有字段。它在代码隐藏中使用以下命令执行此操作: protected void btnClearFields_Click(object sender, EventArgs e) { txtFrom.Text = ""; txtT

我目前正在尝试使用Obout日历控件实现日期范围搜索功能。其想法是,用户可以从Obout日历中选择一个日期,然后该日历将填充旁边的asp:TextBox。表单中还有其他字段,但这是一个正在中断的字段。我在表单底部还有一个asp:按钮,它的功能是清除表单中的所有字段。它在代码隐藏中使用以下命令执行此操作:

protected void btnClearFields_Click(object sender, EventArgs e)
{
    txtFrom.Text = "";
    txtTo.Text = "";
}
以下是相关的前端代码:

<table>
    <tr>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <td>
                    <asp:Label ID="lblFrom" runat="server" Text="From:"></asp:Label>
                    <br />
                </td>
                <td>
                    <asp:TextBox ID="txtFrom" runat="server"></asp:TextBox>
                </td>
                <td>
                    <obout:Calendar runat="server" ID="CalendarFrom" TextBoxId="txtFrom" StyleFolder="Calendar/styles/orbitz" ScriptPath="Calendar/calendarscript" DatePickerButtonText <IMG src='Images/calendar.gif' align=absMiddle border=0>" ShowYearSelector="true" DateMin="1/1/1900" AllowDeselect="false" DatePickerMode="true" />
                </td>
            </ContentTemplate>
        </asp:UpdatePanel>
        <asp:UpdatePanel ID="UpdatePanel2" runat="server">
            <ContentTemplate>
                <td>
                    <asp:Label ID="lblTo" runat="server" Text="To:"></asp:Label>
                </td>
                <td>
                    <asp:TextBox ID="txtTo" runat="server"></asp:TextBox>
                </td>
                <td>
                    <obout:Calendar runat="server" ID="CalendarTo" TextBoxId="txtTo" StyleFolder="Calendar/styles/orbitz" ScriptPath="Calendar/calendarscript" DatePickerButtonText <IMG src='Images/calendar.gif' align=absMiddle border=0>" ShowYearSelector="true" DateMin="1/1/1900" AllowDeselect="false" DatePickerMode="true" />
                </td>
            </ContentTemplate>
        </asp:UpdatePanel>
    </tr>
</table>


现在,我遇到的问题是,当我第一次加载页面时,一切都很好。我可以从日历中选择一个日期,它将按预期填充文本框。但是,如果我单击“清除字段”按钮,这会导致部分回发,那么事情就会出错。当我再次点击日历图标时(在清除字段后),弹出的日期选择器的格式被弄乱了。日历部分只是一个红方块,不能选择任何日期。年份选择器栏横跨整个屏幕,更改年份对日历没有任何作用


我在研究中没有发现任何类似的问题,所以我不确定该尝试什么。我曾尝试在整个表中只使用一个UpdatePanel,但后来我遇到了同样的问题。我也尝试过在UpdatePanels中不包含日历,这不会“破坏”日历,但它会在我的网页上放置两个新的文本框字段(它将接受日历中的任何新值),而不会清除旧的文本框字段。我还尝试将按钮和包含日历的表格放在同一个UpdatePanel中,但我也得到了相同的红色框。

在中发现了一个非常类似的问题,我遇到了UpdatePanel复制内容的问题,当时我没有将Obout日历包含在其中。我通过将UpdatePanel移动到仅围绕asp:TextBox的位置来修复此问题,如下所示:

<td>
    <asp:Label ID="lblFrom" runat="server" Text="From:"></asp:Label>
    <br />
</td>
<td>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:TextBox ID="txtFrom" runat="server"></asp:TextBox>
        </ContentTemplate>
    </asp:UpdatePanel>
</td>
<td>
    <obout:Calendar runat="server" ID="CalendarFrom" TextBoxId="txtFrom" StyleFolder="Calendar/styles/orbitz" ScriptPath="Calendar/calendarscript" DatePickerButtonText <IMG src='Images/calendar.gif' align=absMiddle border=0>" ShowYearSelector="true" DateMin="1/1/1900" AllowDeselect="false" DatePickerMode="true" />
</td>