Добавить примечание ниже Jqueryui DatePicker

Question

Мне нужно отобразить заметку под календарем, когда вызывается jqueryui datepicker.Это должно быть деление ширины двух указанных месяцев.Появляются и прячутся вместе с указателем даты.Любая помощь приветствуется.

Вот что я пробовал:

beforeShow: function(input, inst) { 
    $('#ui-datepicker-div').append('<div>No reservation fees!<div>');
}

Answer 1

$('.datepicker').datepicker({ beforeShow: function () {
    setTimeout(appendsomething, 10);
},
onChangeMonthYear: function () {
    setTimeout(appendsomething, 10);
    }
}
);

var appendsomething = function () {
$("#ui-datepicker-div").append("<div class='something'>something</div>");
}

Answer 2

Без вашего полного кода создания виджета и некоторых фрагментов HTML-кода трудно точно понять, в чем проблема. Вот некоторые умозрительные ответы:

1. Возможно, селектор #ui-datepicker-div не соответствует вашему предполагаемому элементу, к которому вы хотите добавить div. Если вы разместите свой HTML, мы точно скажем.
2. Ваш HTML-код при вызове append искажен. Неясно, является ли это причиной ваших проблем, но это должно выглядеть так: .append('<div>No reservation fees!</div>').
3. Возможно, вы неправильно создаете экземпляр своего виджета. Ваш фрагмент выглядит нормально, но мы не можем видеть контекст, в котором он находится. Это должно выглядеть примерно так:

JavaScript:

$('#dp-element').datepicker({
    beforeShow: function(input, inst) {
        $('#notes').append('<div>No reservation fees!</div>');
    }
);

HTML:

<input id="dp-element" />
<div id="notes"></div>