Recuerda que en la informática cualquier problema casi siempere suele tener diferentes resoluciones, así que nosotros te mostraremos la mejor y más óptimo.
Solución:
Estaba teniendo el mismo problema y descubrí que, en mi caso, la causa era el div del selector de fechas, por alguna razón se conserva la clase .ui-helper-hidden-accessible, que tiene el siguiente CSS:
.ui-helper-hidden-accessible
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
Estoy usando las versiones alojadas de google CDN de jquery, por lo que no pude modificar el código o el CSS. También intenté cambiar el índice z sin ningún éxito. La solución que funcionó para mí fue establecer la propiedad de clip para el selector de fechas en su valor predeterminado, automático:
$('.date').datepicker();
$('#ui-datepicker-div').css('clip', 'auto');
Dado que esto se dirige específicamente al div datepicker, hay menos posibilidades de efectos secundarios no deseados en otros widgets que cambiar la clase ui-helper-hidden-accessible en su conjunto.
Esto puede ser útil para alguien. Si copió y pegó los datos de su formulario (que tiene el cuadro de entrada del selector de fecha, asegúrese de no haga copiar inadvertidamente el
Esto significa que su cuadro de entrada debería verse así:
NO
Cometí ese error sin darme cuenta. Quitar la clase y permitir la llamada de jQuery UI pareció solucionarlo.
¡Espero que eso ayude a alguien!
es el archivo css en el nuevo no funciona. Intente incluir también el antiguo archivo css 1.7.* en su encabezado e intente nuevamente.
Además, ¿trataste de hacer un .datepicker(“show”) justo después de construirlo?
Si te ha sido provechoso este artículo, sería de mucha ayuda si lo compartes con otros desarrolladores de esta manera contrubuyes a extender este contenido.