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 클래스의 모든 요소를 ​​선택하고자하는 경우 :

를

예 :

$(".cal").datepicker()