2011-02-11 21 views
13

Tengo un jqueryui datepicker asociado con un texto de entrada. Cuando hago el cuadro de texto de entrada de manera que no quiero que aparezca el marcador de fecha. ¿Es eso posible? Establecería la propiedad readonly en verdadero o falso del código.Deshabilitar un jqueryui datepicker

<script> 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
    </script> 



<div class="demo"> 

<p>Date: <input type="text" id="CompleteDate"> <input class="change" type="checkbox" name="chkBoxb" id="chkBoxb"> </p> 

</div> 


j$('#chkBoxb').click(function(){ 
    var paramChangeBoxes = j$('input:checkbox.change'); 

if (j$(this).is(':checked')) { 

    paramChangeBoxes.removeAttr('checked'); 
    j$('#chkBoxb').attr('checked', 'checked'); 

    j$('#CompleteDate').attr('readonly',false); 
    j$("#CompleteDate").datepicker(); 


} 
else 
{ 
    j$('#CompleteDate').attr('readonly',true); 
$("#CompleteDate:not([readonly])" ).datepicker(); 
} 

}); 

Actualizado el código

Respuesta

6

Aquí van:

<div class="demo"> 
    <p>Date: <input type="text" id="CompleteDate"> <input class="change" type="checkbox" name="chkBoxb" id="chkBoxb"> </p> 
</div> 

<script> 
    $('#chkBoxb').click(function(){ 
    if ($(this).is(':checked')) { 
    $('#CompleteDate').attr('readonly',false) 
     .datepicker(); 
    } else { 
    $('#CompleteDate').attr('readonly',true) 
     .datepicker("destroy"); 
    } 
    }); 
</script> 
+1

cuando cambio la propiedad readonly a "false" obtengo el "datepicker" pero una vez que lo vuelvo a cambiar es necesario que datepicker esté desactivado pero parece estar visible ahora. Actualicé el código en la pregunta – Prady

+0

@Prady, veo lo que estabas buscando ahora. Actualicé mi respuesta. –

0

creo que se debe utilizar 2 cuadro de texto diferente y para cambiar según sea necesario de manera que sólo se muestra uno en un momento. El primero como cuadro de texto sin formato y el segundo con jquery Datapicker aplicado.

0
if($("#").attr("enabled")=="false") { 
    $("#").attr("disabled","true"); 
} 
31

desactivar esta manera:

$('#dateSelector').datepicker('disable'); 

y permitir de esta manera:

$('#dateSelector').datepicker('enable'); 

He aquí una muestra de trabajo: http://jsfiddle.net/CG64h/8/

9

me encontré con esto hoy en día y por desgracia, las respuestas proporcionadas anteriormente no funcionaron. Leer el código de selector de fechas, así es como se hace en jqueryui 1.10:

$(selector).datepicker("option", "disabled", true); 
+0

Funcionó como un amuleto –

0

Sólo cambia el selector y añadir : Habilitado

$("#datepicker:enabled").datepicker(); 
0

podría ser demasiado tarde pero comprueba mi respuesta here!

Creo que debería funcionar para ti también.

Desactivar presentación de clics y botones aparecen. (Perdón por mi inglés malo)

+0

Esto debería ser un comentario. –

Cuestiones relacionadas