2010-09-05 59 views
0

與ASP.NET 3.5 C#,jquery.1.4.2,編碼的jQuery-UI-1.8.2JQuery的UI日期選擇器內部沒有ASP工作:MutiView

我的文本框是在第四ASP:一個asp的觀點:多視圖它在PageLoad上不活動。
我的頁面也是一個包含母版頁的內容頁面。文本框就像

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

創建的日期選擇器被稱爲像

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

我沒能獲得在文本框的第一次點擊的日期選擇器。
這段代碼有什麼問題?

回答

2

它不顯示第一時間,因爲focus事件已經解僱,所以你需要再次觸發它,因此focus火災和日期選擇器顯示,像這樣:

$(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()將再次激發事件,導致事件的日期選擇器處理程序觸發,並且會顯示,甚至是第一次點擊。