使用jquery datepicker显示当前日期onclick

Question

我使用jQuery的datepicker ui。日历加载正常。现在，我想在选择一天时触发显示当前日期的事件。我正在尝试使用this但没有任何运气。

功能如下：

$(document).ready(AllPageLoads); 

    function AllPageLoads() 
    { 
     $('#datepicker').datepicker(); 
     $('table.games tbody tr.top').each(function (index) { if (index % 2 == 0) { $(this).addClass("even"); } else { $(this).addClass("odd"); } }); 
     $('table.games tbody tr.bottom').each(function (index) { if (index % 2 == 0) { $(this).addClass("even"); } else { $(this).addClass("odd"); } }); 
    } 

    function EpicFail(response, status, error) 
    { 
     alert(response + "/" + status + "/" + error); 

} 
$('.selector').datepicker("option", "onSelect", function (dateText, inst) { 
    alert(dateText); 
}); 

HTML：

<h2>Current Data</h2> 

<div id="datepicker"> 
</div> 

<p>All Times Pacific/p> 
<table id="games" class="games"> 
    <thead> 
     <tr> 
      <th>Date</th> 
      <th>Data</th> 
      <th>Col1</th> 
      <th>Col2</th> 
      <th>Data1</th> 
      <th>Data2</th> 
      <th>Data3</th> 
     </tr> 
    </thead> 
    <tbody> 

    <tr class="left"> 

     <td>6/9/2011</td> 

     <td>901</td> 

     <td>Team1</td> 

     <td>Payer1</td> 

     <td>info1</td> 

     <td>OFF</td> 

     <td>OFF</td> 

    </tr> 

    <tr class="right"> 

     <td>4:05 PM</td> 

     <td>902</td> 

     <td>Team2</td> 

     <td>Palyer2</td> 

     <td>info2</td> 

     <td>OFF</td> 

     <td>OFF</td> 

    </tr> 
    </tbody> 
</table> 

Answer 1

当您使用$('.selector').你告诉jQuery的：寻找谁拥有class="selector"元素和执行此功能。

但是，您没有任何具有此类名称的元素。

因此，要解决这个问题，简单的添加代码：

function AllPageLoads() 
    { 
     $('#datepicker').datepicker({ 
      onSelect: function (dateText, inst) { alert(dateText); } 
     }); 
     $('table.games tbody tr.top').each(function (index) { if (index % 2 == 0) { $(this).addClass("even"); } else { $(this).addClass("odd"); } }); 
     $('table.games tbody tr.bottom').each(function (index) { if (index % 2 == 0) { $(this).addClass("even"); } else { $(this).addClass("odd"); } }); 
    } 

Answer 2

它不工作，因为你初始化datepicker至少一次，你正在尝试尽现前。您正在使用的绑定（作为字典内部选项）仅在第一次初始化时起作用。

要么将​​它移动到第一个初始化语句或使用：

$('.selector').datepicker("option", "onSelect", function (dateText, inst) { 
                alert(dateText); 
               });