JQuery UI datepicker how to show next prev arrows for month navigation?

Question

Exactly as the title says.

When I load the datepicker there is nothing on the ends to click onto change month.

But you can stil change the month just no visual??

Malcolm

Answer 1

Sounds like the graphics aren't being loaded properly. By default jQuery UI expects the folder with images to be a subfolder of the folder where the css file is. Use a tool such as firebug ('Net' tab) to detect the requests for the image with the arrows, and see what URL it's trying to load it from.

Answer 2

I also stumbled upon this problem.

What I did was, I just re-downloaded the theme. It turned out the images in my theme folder were corrupted.

Answer 3

Sounds like your theme is not complete, make sure you're loading the month change option correctly.

$( ".date" ).datepicker({ changeMonth: true });

or

$( ".date" ).datepicker( "option", "changeMonth", true );

and check the CSS is being found correctly, you can use firebug to inspect the files called and not found in the "NET" tab