在UpdatePanel中使用JQuery UI datepicker

我正在尝试使用UpdatePanel控件和Jquery UI进行日期选择器。 但是如果日期选择器控件（TextBox）在UpdatePanel的ContentTemplate中，则日期选择器不起作用。

这是代码：

   $(function () { var dates = $(" #txtDatePicker").datepicker( { firstDay: 1, maxDate: '-1y', minDate: '-1y', dateFormat: 'dd/mm/yy', changeMonth: true, changeYear: true, showAnim: "drop", onSelect: function (selectedDate) { var option = this.id == "txtDatePicker" ? "minDate" : "maxDate", instance = $(this).data("datepicker"); date = $.datepicker.parseDate( instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings); dates.not(this).datepicker("option", option, date); } } ); });          

有没有办法在UpdatePanel内容中使用JQuery UI datepicker？

Answer 1

然后将控件放入面板，他们可以更改它们的唯一ID。 试试这个代码：

 var dates = $("#<%= txtDatePicker.ClientID %>").datepicker( 

或将您的代码移动到

 $(document).ready(function() { // Handler for .ready() called. }); 

您的选择器还有一个空间：

 var dates = $(" #txtDatePicker").datepicker( 

代替：

 var dates = $("#txtDatePicker").datepicker( 

然后使用UpdatePanel和AJAX工具包，您应该在使用期间使用初始化程序

 function pageLoad() { // MS AJAX - UpdatePanel initialize InitializeDatePicker(); } 

对于UpdatePanel中的控件以及期间

 $(document).ready(function() { // jQuery AssignFrameHeight(); }); 

对于UpdatePanel外部的jquery控件。