javascript 日期选择器，afterShow.js

Posted 2021-05-04

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