jQuery datepicker ms ajax updatepanel не работает после отправки назад

Я знаю, что это старый, но ... попробуйте заменить:

$(document).ready(function() {

С:

Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(function () {

вместо этого есть простая альтернатива.

в postback элемента в панели обновления, добавьте этот код

ScriptManager.RegisterStartupScript(Me, Me.GetType(), "asddas", "getjquerydate();",   True)

и это в javascript

function getjquerydate() {

$(".datepicker").datepicker({
    numberOfMonths: 2,
    showButtonPanel: true,
    minDate: 1,
    dateFormat: 'dd/mm/yy',
    showOn: "button",
    buttonImage: "images/calendar.gif",
    buttonImageOnly: true
});

}

после частичной обратной передачи в обновленной панели он снова вызывает функцию datepicker

$(document).ready(function () {
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
        Sys.WebForms.PageRequestManager.getInstance().beginAsyncPostBack();
        function EndRequestHandler(sender, args) {
            $('.mydatepickerclass').datepicker({ dateFormat: 'dd-mm-yy' });
        }
    });

вы можете сделать такой. в этом случае он будет работать всегда ;))

"jQuery UI Datepicker не работает после частичной обратной передачи ajax"

поместите на страницу диспетчер сценариев и панель обновления.

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="upd1" runat="server">
 <ContentTemplate>
 </ContentTemplate>
</asp:UpdatePanel>

Теперь поместите текстовое поле и кнопку, внутри элемента управления UpdatePanel.

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="upd1" runat="server">
 <ContentTemplate>
     <div style="font-family: Arial; font-size: small;">
        Select Date :
        <asp:TextBox ID="txtDate" runat="server"Font- Names="Arial">           
        </asp:TextBox>
     </div>
     <asp:Button ID="btnAjax" runat="server" Text="Ajax PostBack"  
       OnClick="btnAjax_Click" />
  </ContentTemplate>
</asp:UpdatePanel>

теперь свяжите элемент управления datepicker с текстовым полем.

<script type="text/javascript" language="javascript">
$(document).ready(function(){     
    $("#<%=txtDate.ClientID %>").datepicker(
    {   changeMonth:true,
        changeYear:true,
        showOn: 'button',
        buttonText:'Show Date',
        showAnim: 'fadeIn',
        showButtonPanel: true,
        dateFormat: 'DD, MM d, yy',
        buttonImage: 'Images/imgCalendar.png',
        buttonImageOnly: true
     }
   );
   $(".ui-datepicker-trigger").mouseover(function() {
        $(this).css('cursor', 'pointer');
   });
}); 
<script>

Теперь создайте щелчок на стороне сервера для кнопки, которая вызовет частичную обратную передачу ajax.

protected void btnAjax_Click(object sender, EventArgs e)
{
   System.Threading.Thread.Sleep(1000);
}

на странице, u бы увидеть что-то вроде этого

нажмите на datepicker. Datepicker открывается, и выбранная дата становится значением текстового поля. Теперь нажмите на кнопку. Кнопка на стороне сервера нажимается, и теперь вы увидите что-то вроде этого.

кнопка datepicker исчезла.Итак, что мы делаем сейчас, чтобы заставить его работать в ajax. Увидеть ниже код.

<script type="text/javascript" language="javascript">
function pageLoad(sender, args)
{
  $(document).ready(function(){     
    $("#<%=txtDate.ClientID %>").datepicker(
    {   changeMonth:true,
        changeYear:true,
        showOn: 'button',
        buttonText:'Show Date',
        showAnim: 'fadeIn',
        showButtonPanel: true,
        dateFormat: 'DD, MM d, yy',
        buttonImage: 'Images/imgCalendar.png',
        buttonImageOnly: true
     }
   );
   $(".ui-datepicker-trigger").mouseover(function() {
        $(this).css('cursor', 'pointer');
   });
  }); 
}
</script>

функция pageLoad() доступна в JavaScript, если вы используете ASP.NET Аякс. AJAX framework автоматически подключает любую клиентскую функцию с именем pageLoad () в качестве приложения.Обработчик нагрузки

Исходная Ссылка Кредиты

http://www.jquerybyexample.net/2010/08/jquery-datepicker-does-not-work-after.html

Sys.Application.add_load(LoadHandler);

//This load handler solved update panel did not bind date picker after partial postback 
function LoadHandler() {
    $(document).ready(function () {
        $(".datepicker").datepicker({
            dateFormat: "M d, yy",
            changeMonth: true,
            changeYear: true,
            onSelect: function (dateText, ubst) { your code here... }
        }).val();
    });
}

Я знаю, что это старый пост, но я просто сталкиваюсь с этой проблемой и нашел ответ в этой теме. Надеюсь, это поможет любому, кто столкнется с этим.

Я не помещал скрипт на стороне клиента в код позади. Я только поставил этот код:

       <script type="text/javascript">       
         Sys.WebForms.PageRequestManager.getInstance().add_pageL
              Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

              function EndRequestHandler() {
                  $('.default-date-picker').datepicker({
                      format: 'dd-mm-yyyy'
                  });
              }

             });
             </script>  

код выше должен быть внутри секции тела, а не в головной секции. Я попытался поместить его до и после диспетчера сценариев или внутри и снаружи UpdatePanel и не нашел проблем со всеми параметрами. Так долго поскольку этот код находится в разделе body, он работает для меня.

просто убедитесь, что вы изменили свой определенный класс datetimepicker. Для меня это "выбор даты по умолчанию" в файле js.

Я знаю, что этот пост старый, но просто поместите свой jQuery datepicker вне панели обновления-должен работать на 100%...