Question

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

这是我尝试过的：

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代码段，很难确定问题是什么。以下是一些推测性答案：

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

JavaScript的：

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

HTML：

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

在Jqueryui datepicker下面添加一个注释

2 个答案: