在 Jqueryui 日期选择器下方添加注释答案

【问题标题】：Add a note below Jqueryui datepicker在 Jqueryui 日期选择器下方添加注释
【发布时间】：2011-11-10 22:28:00
【问题描述】：

调用 jqueryui datepicker 时，我需要在日历下方显示一个注释。它应该是显示两个月宽度的 div。与日期选择器一起出现和隐藏。任何帮助表示赞赏。

这是我尝试过的：

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

【问题讨论】：

标签： jquery-ui datepicker

【解决方案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>");
}

【讨论】：

谢谢沙哈尔。正是我所需要的并且完美地工作。非常感激。最好的，迈克
我很高兴能为您提供帮助。 :)

【解决方案2】：

如果没有完整的小部件创建代码和一些 HTML sn-ps，就很难确定问题出在哪里。以下是一些推测性的答案：

可能#ui-datepicker-div 选择器与您想要附加 div 的预期元素不匹配。如果您发布 HTML，我们可以确定。
您对append 的调用中的 HTML 格式不正确。目前尚不清楚这是否是您的问题的原因，但应该如下所示：.append('<div>No reservation fees!</div>')。
也许您没有正确实例化您的小部件。你的 sn-p 看起来不错，但我们看不到它所在的上下文。它应该看起来像这样：

JavaScript：

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

HTML：

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

【讨论】：