jQuery UI date picker does not add button to page

Question

I have the following function which I call on dynamically created input elements of type date after wrapping them in $(...) .

function addDatePicker(jQueryObject) {
  jQueryObject.datepicker({
    showOn: "button",
    buttonImage: urlToImage,
    buttonImageOnly: true,
    dateFormat: 'yy-mm-dd',
    changeMonth: true,
    changeYear: true,
    numberOfMonths: 1,
    yearRange: "c-10:c+10",
    showButtonPanel: true
  });
}

I can see, when inspecting the page elements in Chrome, that the class hasDatePicker is correctly added to the input tag. However, the img tag containing the button is not added.

What am I doing wrong? The input tag is inside a td tag. Might that be the reason?

Answer 1

Check your image URL or use img url ( http://jqueryui.com/resources/demos/datepicker/images/calendar.gif )

Check working code on http://jsfiddle.net/cvPCL/

buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",