jQuery DatePicker configurado para no auto-abierta

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> 

Al abrir este cuadro de diálogo a través de un evento de clic:

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

El selector de fechas aparece automáticamente abierta para la primera entrada. ¿Cómo hago para que no haga eso? La única opción que encontré fue configurarla para que se abra con un clic de botón, pero no pude encontrar ningún tipo de cosa autoOpen.

Gracias.

Answer 1

Pruebe a establecer el atributo tabindex en los campos que contienen el widget selector de fechas para -1:

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

(igual para endDate)

Antes:http://jsfiddle.net/NzfwD/

Después:http://jsfiddle.net/pyJUR/