date-picker-afterShow.js

date-picker-afterShow.js

$(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
    }
    $( "#datepicker" ).datepicker({ 
      beforeShow : function(input, inst) {
        var today = $('.ui-datepicker-today');
        if (today.length) {
          $('.message-before').append(today.find('a').html()+'<br>');
        } else {
          $('.message-before').append('Today DOM element is not rendered yet.<br>');
        }
      },
      afterShow : function(inst) {
        var today = $('.ui-datepicker-today');
        if (today.length) {
          $('.message-after').append(today.find('a').html()+'<br>');
        } else {
          $('.message-after').append('Today DOM element should be already rendered.<br>');
        }
      },
    });
});