顯示jQuery的日曆

Question

我想顯示的jQuery日曆但不知何故，它只是忽略了我的要求，我也調試，一切似乎不錯，但不知道....這裏是我的代碼

<form id="form1" runat="server"> 
<ul> 
    <li id='visitStartDate' class="DateCal">Start Date</span> 
     <asp:TextBox ID="txtStartDate" runat="server" Width="100" CssClass='cal' /> 
    </li> 
    <li id="visitEndDate" class="DateCal">End Date</span> 
     <asp:TextBox ID="txtEndDate" runat="server" Width="100" CssClass='cal' /> 
    </li> 
</ul> 
</form> 


<script src="jquery-1.5.1.min.js" type="text/javascript"></script> 
<script src="jquery-ui-1.8.13.custom.min.js" type="text/javascript"></script> 



<script language="javascript" type="text/javascript"> 
     jQuery(document).ready(function() { 
      $("[id*='Visit_txtStartDate'],[id*='Visit_txtEndDate']").datepicker({ 
       showOtherMonths: true, 
       selectOtherMonths: true, 
       onSelect: function() { 
        $(this).trigger('change'); 
       } 
      }); 

     });             
</script> 

Answer 1

你的jQuery選擇是不正確：

嘗試結束與選擇：http://api.jquery.com/attribute-ends-with-selector/

如

[id$="txtEndDate"]

使你的代碼變成：

$("[id$='txtStartDate'],[id$='txtEndDate']").datepicker({ ... });

如果，另一方面，你是想選擇與類的所有元素cal你可以使用類選擇：

eg

$(".cal").datepicker()