Implementando jQuery DatePicker en Bootstrap modal

Creado jsfiddle para mi problema http://jsfiddle.net/sudiptabanerjee/93eTU/

En la ventana modal, el problema está en los combos Cambiar mes y Cambiar año.

a) IE 11: todo está funcionando como se esperaba b) Versión de Chrome 31, En el combo de mes, seleccione pieles de arranque de moda. c) El menú desplegable de Firefox v26, mes y año no funciona.

Por favor ayuda.

HTML

   

CSS

 .clsDatePicker { z-index: 100000; } 

JS

  $('#idTourDateDetails').datepicker({ dateFormat: 'dd-mm-yy', minDate: '+5d', changeMonth: true, changeYear: true, altField: "#idTourDateDetailsHidden", altFormat: "yy-mm-dd" }); 

Esto se debe a que el modal impone el enfoque en sí mismo. Aquí hay una solución para esto como se menciona aquí . Agregue la secuencia de comandos siguiente a su archivo js. Eso es.

Demo de trabajo

jQuery

 // Since confModal is essentially a nested modal it's enforceFocus method // must be no-op'd or the following error results // "Uncaught RangeError: Maximum call stack size exceeded" // But then when the nested modal is hidden we reset modal.enforceFocus 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 }); 

Versión jQuery de la respuesta @crftr

 var enforceModalFocusFn = $.fn.modal.Constructor.prototype.enforceFocus; $.fn.modal.Constructor.prototype.enforceFocus = function() {}; try{ $confModal.on('hidden', function() { $.fn.modal.Constructor.prototype.enforceFocus = enforceModalFocusFn; }); $confModal.modal({ backdrop : false }); } catch (error) { if(error.name != 'ReferenceError') throw error; } 

MÁS FÁCIL … solo necesita comentar esta línea en su boostrap.js that.enforceFocus ().

Partiendo de la respuesta de Surjith, agregué un bloque try / catch para resolver una excepción de ReferenceError para que confModal no esté definido.

Coffeescript:

 enforceModalFocusFn = $.fn.modal.Constructor::enforceFocus $.fn.modal.Constructor::enforceFocus = -> try $confModal.on "hidden", -> $.fn.modal.Constructor::enforceFocus = enforceModalFocusFn return $confModal.modal backdrop: false catch error if error.name != 'ReferenceError' throw error