JQuery UI Datepicker не работает внутри осины: MutiView

Question

Кодирования с ASP.NET 3.5 C#, jquery.1.4.2, JQuery-UI-1.8.2

Моим текстовое поле в четвертой осине: Вид из осины: MultiView который не активен в PageLoad.
Страница «Моя страница» - это также страница с главной страницей. Текстовое поле создается как

<asp:TextBox ID="txtStartDate" runat="server" 
     CssClass="datePicker" 
     MaxLength="20" 
     ReadOnly="true" 
     Width="70px" /> 

DatePicker называется как

$(document).ready(function() { 
    $('.datePicker').live('click', function() { 
     $(this).datepicker({ 
      showOn: 'focus', 
      changeMonth: true, 
      dateFormat: 'dd/mm/yy', 
      minDate: '+0d', 
      maxDate: '+1y' 
      }); 
    }); 
}); 

Я не в состоянии получить DatePicker на первом щелчке текстового поля.
Что не так с этим кодом?

Answer 1

Это не показывая первый время, потому что focus событие уже уволили, так что вам нужно, чтобы вызвать его снова, чтобы в focus пожаров и Datepicker показывает, как это:

$(document).ready(function() { 
    $('.datePicker').live('click', function() { 
     $(this).datepicker({ 
      showOn: 'focus', 
      changeMonth: true, 
      dateFormat: 'dd/mm/yy', 
      minDate: '+0d', 
      maxDate: '+1y' 
     }).focus();   //add this 
    }); 
}); 

You can give it a try here. Вызов .focus() еще раз запустит событие, в результате чего обработчик datepicker на событии загорится, и он отобразит даже первый щелчок.