jQuery Datepicker onChangeMonthYear 追加

Question

我有以下问题。我有一个 jquery Datepicker，并希望在 datepicker 打开时显示一些附加信息。当我使用 Firebug 的控制台执行以下操作时，它按预期工作

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

但是当我使用“onChangeMonthYear”选项执行相同操作时:

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

它不显示“附加文本”。

有什么建议吗？!

谢谢

Answer 1

问题在于，当触发 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 上的工作示例