は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()