значок календаря не отображается

Question

Я использую jquery ui datepicker следующим образом:

$('<input type="text" />').datepicker({
    buttonImage: "http://localhost:2000/proj/styles/calendar/images/calendar/cal.gif"
}).appendTo(container);

Этот путь "http://localhost:2000/proj/styles/calendar/images/calendar/cal.gif" ведет к изображению. Я проверил его.

Когда этот код выполняется, я заканчиваюсо средством выбора рабочей даты, у которого нет значка. Если я фокусирую текстовое поле, появляется календарь.

Почему значок календаря не отображается?

Answer 1

Вам нужно установить для параметра showOn значение button или both, чтобы значок появился.

Кроме того, я думаю, что DatePicker трудно добавить значок, прежде чем ввод в дерево DOM. Итак, вам следует поменять местами вызовы appendTo() и datepicker():

$('<input type="text" />').appendTo(container)).datepicker({
    buttonImage: "icon url",
    buttonImageOnly: true,
    showOn: 'button'
});

Смотрите это в действии: http://jsfiddle.net/william/GyP2u/1/.

Answer 2

Я думаю, что опция будет активна, только когда вы сфокусируете вход, потому что по умолчанию установлено значение showOn: 'focus'

, поэтому проверьте изменение этой строки:

buttonImage: '', // URL for trigger button image

в основном источникеDatePicker (по умолчанию: jquery.ui.datepicker.js)