在jquery日期选择器

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。