Jquery DatePicker thiết lập để không tự động mở

Question

<div id="newSwitchDialog"> 
     <span id="name"></span><br /><br /> 
     <table> 
      <tbody> 
       <tr> 
        <td>Effective Date: </td> 
        <td><input type="text" id="startDate" /><br /></td> 
       </tr> 
       <tr> 
        <td>End Date: </td> 
        <td><input type="text" id="endDate" /></td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 

Khi tôi mở hộp thoại này thông qua một sự kiện click:

$('#yup').live('click', function() { 
      $('#name').text($('#selectedSponsorName').text()); 
      $("#newSwitchDialog").dialog('open'); 
     }); 

Các datepicker tự động bật mở cho đầu vào đầu tiên. Làm thế nào để làm cho nó không làm điều đó? Chỉ có tùy chọn tôi tìm thấy là đặt nó để mở trên một nút bấm, nhưng tôi không thể tìm thấy bất kỳ loại autoOpen.

Cảm ơn.

Answer 1

Hãy thử thiết lập các tabindex thuộc tính trên các lĩnh vực có chứa các widget datepicker để -1:

<input type="text" id="startDate" tabindex="-1" /> 

(tương tự cho endDate)

Trước:http://jsfiddle.net/NzfwD/

Sau:http://jsfiddle.net/pyJUR/