Utilizando Datepicker dentro de un de Diálogo modal, no funcionan de la Cambiar Mes/Año desplegable en Firefox 19.0.2 ver:

http://jsfiddle.net/469zV/2/

HTML

<div id="dialog-form" title="test" style="display:none">
  <form>
     <fieldset>
        <p>Date1: <input type="text" id="datepicker"/></p>  
     </fieldset>
  </form>
</div>

SCRIPT

$( "#dialog-form" ).dialog({
    modal: true
});

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true
});

Después de buscar mucho se puede encontrar algo de información acerca de este problema, pero nada acerca de la solución:

http://bugs.jqueryui.com/ticket/8989#no1

Alguna idea de cómo solucionar esto… gracias de antemano.

  • Parece que el cuadro de modal se centra el selector de fecha de entrada. Intente $(«#datepicker»).blur(); en el cuadro de diálogo abrir de escucha de eventos.
  • Brindley Gracias por la ayuda pero no funcionan
  • Se enfrentan el mismo problema con colorbox emergente. Finalmente consiguió las soluciones de github.com/jackmoore/colorbox/issues/484

5 Comentarios

  1. 1

    Esto puede no ser exactamente lo que estábamos buscando, pero si te alejas de la entrada de texto, se le dará el mes y el año de la selección de la espalda.

    Ejemplo De Trabajo

    $( "#dialog-form" ).dialog({  
        modal:true,
        height:340,
        width:340
    });
    
    $("#datepicker").datepicker({
        changeMonth: true,
        changeYear: true,
    
    });
    
    <div id="dialog-form" title="test" style="display:none"> 
        <form>
        <fieldset> 
            <div id="datepicker"/></div>  
        </fieldset>
        </form>
    </div>
  2. 1

    Necesita desenfoque del cuadro de texto después de escoger una fecha por lo que puede volver a activar el evento de selección:

    $( "#dialog-form" ).dialog({
        modal: true
    });
    
    $("#datepicker").datepicker({
        changeMonth: true,
        changeYear: true    
    }).on('change',function(){
                     $(this).blur()
                   });
  3. 0

    Esta es la causa puede ser por el uso de la interfaz de usuario y bootstrap.js ambos.
    La clase modal-open que es añadir en el cuerpo de la etiqueta tiene una propiedad de overflow-y:hiiden. Usted necesidad de omitir que la propiedad y el datepicker de año cambio de trabajo

  4. 0

    Jquery Ui Datepicker mes/año desplegable no está funcionando en la ventana emergente en el último firefox

    Agregar este código a la secuencia de comandos de javascript o archivo.

        var enforceModalFocusFn = $.fn.modal.Constructor.prototype.enforceFocus;
        $.fn.modal.Constructor.prototype.enforceFocus = function() {};
        $confModal.on('hidden', function() {
        $.fn.modal.Constructor.prototype.enforceFocus = enforceModalFocusFn;
        });
        $confModal.modal({ backdrop : false });

Dejar respuesta

Please enter your comment!
Please enter your name here