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??

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

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

Answer 3

Short answer. You didn't load images provided by jquery ui theme. open console in either chrome or firefox, where you will be told which images and where you should put your images.