Cómo hacer que una imagen del botón jQuery datePicker no se pueda cliquear

Question

Tengo un jQuery UI datePicker en mi página. Tengo un cuadro de texto en el que se muestra la fecha. El código es:

$("#cal").datepicker({ 
    minDate: new Date(), 
    defaultDate: new Date(), 
    buttonImage: 
     '/images/calendar.gif', 
    constrainInput: false, 
    closeText: 'Close', 
    showButtonPanel: true, 
    showButtonText: 'Choose a date', 
    buttonImageOnly : true, 
    showOn : 'button' 
}); 
$("#till").datepicker('setDate', today); 

Quiero deshabilitar esto en algunas condiciones. Utilizo el siguiente código para deshabilitar:

$("#cal").datePicker('disable'); 

Apaga el cuadro de texto pero aún se puede hacer clic en la imagen. El problema está en IE, aparece el selector de fecha emergente, pero no se cierra cuando se hace clic en el botón de imagen asociado al selector de fecha.

También traté de enlazar una función onclick con la imagen para que no se pueda hacer clic. Pero eso no funciona tan bien.

Cómo hacer que el botón de imagen del selector de fecha no se pueda hacer clic cuando el selector de fecha está deshabilitado.

Cualquier ayuda sería apreciada.

Gracias, Farzana

Answer 1

no estoy seguro de si va a trabajar, pero usted debe tratar de cambiar la propiedad adecuada showOn después de la llamada de bloqueo.

$("#cal").datepicker('disable'); 
$("#cal").datepicker("option", "showOn", 'focus'); 

Pruébelo!

Answer 2

¿Por qué no se oculta el propio botón por .hide() o la adición de la clase o estilo

o puede agregar estilo para que deshabilitar

.addClass o .Add añadir CSS

Answer 3

Yo usaría .unwrap(); en el <img> para eliminar el contenedor <a>. Eso es si está directamente envuelto en la etiqueta <a>.

Answer 4

Prueba esto:

$("#cal").datepicker("option", "disabled", true);

Answer 5

Esto funciona para mí - tiene que agarrar el botón y desactivarlo.

$ ('# MyDatePicker'). Datepicker ({}). Next ('button'). Attr ('disabled', 'true')