jQuery Datepicker onChangeMonthYear append

Question

У меня есть следующая проблема. У меня есть jquery Datepicker и вы хотите отобразить некоторую дополнительную информацию при открытии datepicker. Когда я выполняется с помощью консоли Firebug, он работает, как ожидалось

$("#ui-datepicker-div").append("additional text"); 

Но когда я делаю то же самое, используя «onChangeMonthYear» -Option:

$("#datepicker").datepicker({ 
    onChangeMonthYear: function(year, month, inst) { 
     $("#ui-datepicker-div").append("additional text"); 
    } 
}); 

Он не отображает «дополнительный текст".

Любые предложения?!

Благодаря

Answer 1

Попробуйте

var changed = false; 

$("#datepicker").datepicker({ 
    onChangeMonthYear: function(year, month, inst) { 
     changed = true; 
    } 
}); 

if(changed) { 
     $("#ui-datepicker-div").append("additional text"); 
} 

Answer 2

'# UI-Datepicker-DIV' создается Datepicker сценарий, и он может быть обновлен, когда datepicked хочет. Добавленный текст может быть перезаписан в любое время. Вы должны создать свой собственный заполнитель вне элемента '#datepicker', добавить текст туда и поместить его в CSS, чтобы он выглядел правильно.

Answer 3

Проблема заключается в том, что при запуске события onChangeMonthYear новая таблица календаря уже не создана. Таким образом, это добавление текста, но затем весь контент заменяется новой таблицей.

Используйте таймаут, чтобы добавить текст, это обеспечит воссоздание контента плагином перед вашим добавлением.

var appendTimeout; 

function appendText(text) { 
    clearTimeout(appendTimeout); 
    appendTimeout= setTimeout(function() { 
     $('#ui-datepicker-div').append('<div>' + text + '</div>'); 
    }, 50); 
} 

$("#datepicker").datepicker({ 
    beforeShow: function() { 
     appendText('initialAppendedText'); 
    }, 
    onChangeMonthYear: function(year, month, inst) { 
     appendText('whenMonthIsChanged'); 
    } 
}); 

Я установил тайм-аут 10 мс, но вы можете немного увеличить это значение.

Работа на пример jsfiddle