Problems with jQuery UI Datepicker

Question

Ok, I've rolled my own theme, I've made a custom jQuery UI pack (progress bar, date picker, slider) and installed it all. Seems to (mostly) work except for two things:

1. When my page first loads the datepicker div is visible; and
2. The text "Next" and "Prev" are visible in large font underneath my icons. None of the examples seem to have this problem.

Now (1) I'm currently solving by:

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

in another CSS file but again none of the demos seem to need this.

What am I missing?

Answer 1

Knowing nothing else about your problem, I believe it may be other css on your page conflicting with the picker.

Answer 2

1. make sure your javascript files are properly loaded, check for missing files or incorrect path.
2. make sure that your script run after the document is ready, try putting your script before and/or inside the $(document).ready(){}
3. try stripping out your own css to see if there's any css conflict.
4. post some code for us here. :)

Answer 3

I got same problem, did you find any solution on this?