2010-10-07 15 views
6

Soy nuevo en jquery y me gustaría iniciar datepicker con enfoque.Cómo iniciar jquery datepicker con foco

Mi primer cuadro de texto es un campo de fecha y he intentado enfocar el cuadro con javascript, pero datepicker no aparecerá a menos que haga clic en otro lugar de la página y luego lo enfoque haciendo clic dentro del cuadro.

¿Hay una manera de empezar selector de fechas con el enfoque y tiene quizá el widget se inicia inmediatamente cuando se carga la página a continuación, colocar el foco cuando el usuario sale de la caja?

$("#date").datepicker({ 
    dateFormat: "mm-dd-yy" 
    }); 

Respuesta

7

Prueba esto - http://www.jsfiddle.net/wnUWQ/embedded/result

$(document).ready(function() { 
    $("#datepick").datepicker({ 
     dateFormat: "mm-dd-yy" 
    }); 
    $("#datepick").focus(function() { 
     $("#datepick").datepicker("show"); 
    }); 
    $("#datepick").focus(); 
}); 

EDIT: La función del objeto .ready() $ (document) se activa cuando el DOM está completamente cargado en el navegador. Primero adjuntamos el datepicker al input, y luego adjuntamos un controlador de eventos focus que muestra el selector de fecha y por último establecemos el foco en la entrada.

Todo esto podría ser chained en una sola línea como en:

$(document).ready(function() { 
    $("#datepick").datepicker({ 
     dateFormat: "mm-dd-yy" 
    }).focus(function() { 
     $("#datepick").datepicker("show"); 
    }).focus(); 
}); 
+0

Pink Floyd, Usted da man! ¡Muchas gracias! – jim

+0

¿Por qué ahora tenemos que esperar 10 minutos para aceptar una respuesta? – jim

+0

Probablemente para dar a la gente tiempo para elaborar la respuesta - como lo he hecho ahora ... ;-) –