2012-03-01 62 views
11

El código estándar para DatePicker es:Cómo abrir jQuery UI DatePicker onclick?

<script> 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
</script> 
<p>Date: <input type="text" id="datepicker"></p> 

cómo poner en marcha selector de fechas evento onclick de HTML en línea, me refiero a

<input ... onclick="" > 

, y sin código JS separada?

me trataron:

<p>Date: <input type="text" id="datepicker" onclick="$(function() {$('#datepicker').datepicker();});"></p> 

Pero es trabajar sólo en segundo clic.

¿Cómo hacer que funcione en el primer clic?

Gracias.

+0

Aquí es una respuesta de cómo hacer que los http://stackoverflow.com/a/1127215/1078487 –

+0

gracias. Acabo de actualizar mi q: ¿Cómo iniciar el evento datepicker onclick desde html en línea ihtus

+0

no es una buena idea en primer lugar y no puede haber ninguna razón para que tenga que ser un clic en línea con ningún otro código datepicker en la página – charlietfl

Respuesta

10
<p>Date: <input type="text" id="dp" onclick="$('#dp').datepicker();$('#dp').datepicker('show');"></p>​ 

Esa obra por cualquier ¿oportunidad?

No soy un experto, pero creo que tenía que hacer clic dos veces porque el primer clic simplemente lo inicializaba como un marcador de fecha. Después de esta inicialización, se está comportando como un datepicker normal, independientemente del onclick.

+0

gracias! ¡eso funciono! from docs: datepicker ("mostrar") - Llame un selector de fecha previamente adjuntado. Entonces "$ ('# dp'). Datepicker()" - inicialización; – ihtus

+0

gracias! ¡eso funciono! from docs: datepicker ("mostrar") - Llame un selector de fecha previamente adjuntado. 1. Entonces "$ ('# dp'). Datepicker()" - inicialización; 2. $ ('# dp'). Datepicker ('mostrar'); - fuerza mostrando datepicker. ¿Está bien? – ihtus

+0

Sí, eso es lo que está haciendo. Sin embargo, creo que esta no es la mejor práctica, y dependiendo de cómo funcione tu programa, ¿podrías considerar la función .live en jQuery? De todos modos estoy contento de que haya ayudado. – Nick

2

Después de crear selector de fechas, abrir de esta manera:

$('#datepicker').datepicker('show') 

Ir al selector de fechas documentos de la API miran pestaña métodos, es todo lo que hay

+0

como se puede ver en la q: sé cómo usarlo con un código js por separado. Mi objetivo es usar onlclick = "" ejecución de eventos en línea. – ihtus

1

probar este código:

<script> 
$(function() { 
    $("#datepic").datepicker({ showOn: 'button',buttonImage: 'image/calendar.gif'}); 

}); 
</script> 

<input type="text" id="datepic" />