UpdatePanel更新时,JQuery datetimepicker被禁用

时间:2013-11-28 16:09:09

标签: c# jquery updatepanel

我的aspx页面中有以下代码 -

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
   <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
   <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" >
      <ContentTemplate>
         <div id="Div1" runat="server">
            <asp:Button ID="sButton" runat="server" Width="87px" OnClick="searchButton_Click"/>
         </div>
      </ContentTemplate>
   </asp:UpdatePanel>
   <script>
      $('#MainContent_fD').datetimepicker();
      $('#MainContent_uD').datetimepicker();
   </script>
</asp:Content>

因此,在页面加载时,单击textBox MainContent_fD&amp; MainContent_uD这揭示了JQuery日期时间选择器。

但是,当用户点击sButton,触发UpdatePanel,然后再次使用日期时间选择器时,它们已被禁用。

我已经尝试将脚本块移动到站点母版页,但是这又适用于初始页面加载,但是在UpdatePanel上没有更新。我该如何解决这个问题?

1 个答案:

答案 0 :(得分:2)

每当更新面板更新时,您需要重新初始化日期时间选择器。您可以在更新面板刷新时触发脚本。见:

How can I run some javascript after an update panel refreshes?