javascript - jQuery Datepicker "After Update" Event or equivalent

Question

I am using a standard jQuery Datepicker and I need to modify the text in each TD based on some daily status information. I realize I can wire up the beforeShowDay event but that only allows me to modify CSS information for each date. Hoping for an event on the entire calendar such as afterRender etc.

I can modify the first calendar that is displayed but if the user changes months or years, I (or my code) is out of the loop.

Answer 1

if you need a "afterShow"-event before jquery-ui version 1.9 you can overwrite the datepicker._updateDatepicker function.

for example:

$(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
    }
});

Now the datepicker raise an "afterShow" event after every update from the datepicker element.

I know it isn't the best way to solve this problem, but it's better than change the original jquery-ui code.