abra un cuadro de diálogo después de seleccionar las fechas usando JQuery UI seleccionable

He diseñado un calendario. Tengo que abrir un cuadro de diálogo después de seleccionar las fechas. Usé una opción de filtro para seleccionar las fechas. Está funcionando bien. Pero el problema es que el diálogo también se abre para las fechas inactivas. Quiero abrir solo para las fechas disponibles. ¿Alguna sugerencia? la muestra esta en el aquí

jQuery("#calendar").selectable({
            filter: ".available",
            stop: function() {
            jQuery( ".ui-selected", this ).each(function() { 
            result.push( this.id); 
            });
            var width = 250;
            var height = 270;
            jQuery('#dialog').dialog({
                    modal: true,
                    height:height,
                    width:width,
                    resizable: false,
                    draggable: false,
                    dialogClass: "flora" 
                });
            jQuery('.flora.ui-dialog').css({ position:"absolute",top:"596px"});

            }
        });

enter image description here

preguntado el 04 de julio de 12 a las 06:07

Por favor reformule la pregunta. ¿Dónde estás enfrentando el problema? ¿Qué es seleccionable? ¿Tu código personalizado? ¿Un complemento jQuery disponible públicamente? Su código parece mostrar el modal cuando se llama a stop(). ¿Quién lo está llamando? Si está filtrando para mostrar solo las fechas disponibles, ¿cómo puede el usuario seleccionar fechas no disponibles? ¿Podría proporcionar un ejemplo simplificado en jsfiddle.net -

La muestra es jsfiddle.net/8Sd53/3 Muestra la ventana emergente solo al hacer clic en la fecha no disponible. Quiero mostrar el cuadro de diálogo después de seleccionar solo las fechas. por ejemplo, el 01 de julio no está disponible -

1 Respuestas

Prueba esto. Funciona en mi máquina.

http://jsfiddle.net/8Sd53/3/

El cambio que he hecho es usar el cancel opción.

Evitará que la selección comience si hace clic en un elemento que coincida con el selector pasado a la opción de cancelar.

jQuery("#calendar").selectable({
    filter: ".available",
    cancel: ".disabled",  // this is the important piece        
    stop: function() {
    // remaining code
    }

Respondido 04 Jul 12, 08:07

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.