javascript - 在 jquery 日期选择器的 beforeShowDay 中添加 html

Question

我们正在尝试在 jquery 选定日期添加 html。我们知道我们可以通过“beforeShowDay”函数添加颜色，但是我们没有找到任何可以在选定日期添加 html 的引用。

例如我们正在努力实现这个

为此写了这段代码

$('#txtDate').datepicker({
    beforeShowDay: function(date) {
        var Highlight = SelectedDates[date];
        if (Highlight) {
            return [true, "Highlighted", Highlight];
        }
        else {
            return [true, '', ''];
        }
    }
});

Fiddle

有人可以帮助我们吗？任何类型的帮助表示赞赏。

Answer 1

先添加事件afterShow:

$(function(){
    $.datepicker._updateDatepicker_original = $.datepicker._updateDatepicker;
    $.datepicker._updateDatepicker = function(inst) {
        $.datepicker._updateDatepicker_original(inst);
        var afterShow = this._get(inst, 'afterShow');
        if (afterShow)
            afterShow.apply((inst.input ? inst.input[0] : null));  // trigger custom callback
    }
})

然后在 beforeShowDay 添加类:

beforeShowDay: function(date) {
    var highlight = eventDates[date];
    if(highlight){
        return [true, 'someClass someClass someClass', ''];
    }else{
        return [true, '', ''];
    }

 },

现在您可以使用 someClass 在 afterShow 事件上修改日期的 html。