javascript - ejemplos - jquery ui only datepicker

Problemas con jQuery UI Datepicker

Question

Ok, he rodado mi propio tema, hice un paquete de interfaz de usuario jQuery personalizado (barra de progreso, selector de fecha, control deslizante) y lo instalé todo. Parece (en su mayoría) funcionar, excepto por dos cosas:

1. Cuando mi página primero carga el datepicker div es visible; y
2. El texto "Siguiente" y "Anterior" están visibles en letra grande debajo de mis iconos. Ninguno de los ejemplos parece tener este problema.

Ahora (1) Actualmente estoy resolviendo por:

#ui-datepicker-div { display: none; }

en otro archivo CSS pero, de nuevo, ninguno de los demos parece necesitar esto.

¿Qué me estoy perdiendo?

Answer 1

1. asegúrese de que sus archivos javascript estén cargados correctamente, compruebe si faltan archivos o una ruta incorrecta.
2. asegúrese de que su script se ejecute después de que el documento esté listo, intente poner su script antes y / o dentro de $ (document) .ready () {}
3. intente desmontar su propio CSS para ver si hay algún conflicto CSS.
4. publicar un código para nosotros aquí. :)

Answer 2

Al no saber nada más sobre su problema, creo que puede ser que haya otro error en su página que esté en conflicto con el selector.

Answer 3

Lo arreglé usando # ui-datepicker-div {display: none; }

Answer 4

Ok muchas gracias, es Work bro, aquí lo que he hecho para resolver: escribe este estilo en el archivo jquery-ui-1.7.1.custom.css (o un archivo anye css que hayas cargado):

#ui-datepicker-div { display: none; }

luego actualiza tu página

Answer 5

Tuve un problema similar porque estaba usando la versión incorrecta de la hoja de estilo para la versión de jQuery UI que estaba usando (actualicé la interfaz de usuario de jQuery sin actualizar la hoja de estilos). Si está utilizando jQuery UI 1.8.17, asegúrese de que la hoja de estilo que se utiliza también sea la versión 1.8.17.

Answer 6

Para mí, el css no estaba incluido ( jquery.ui.datepicker.css ). Así que vi un div ( ui-datepicker-div ) en la parte inferior de la página y recibí el siguiente error con FireBug: instActive is undefined .

Answer 7

Cambie de instactive.inline a (typeof (instActive) == ''undefined'' || instActive.inline)

en tu jqueryui.js

Para la discusión sobre este goto-> http://code.google.com/p/jquery-datepicker/issues/detail?id=285

Answer 8

Como nadie respondió la segunda parte de la pregunta ...

Agregue las siguientes dos líneas a su .ui-icon CSS:

text-indent: -99999px;
overflow: hidden;

Eso debería arreglar "Anterior" y "Siguiente" apareciendo.