javascript - 扩展 jquery datepicker 的 beforeShow

Question

如何扩展 jQuery Datepicker 的“beforeShow”功能？

我在尝试:

(function ($) {
    var old = $.fn.datepicker.beforeShow;
    $.fn.datepicker.beforeShow = function () {

        var ret = old.apply(this, arguments);
        alert("Extended functionality of beforeShow function!");



        return ret;
    };
})(jQuery);

更新:

我想为我所有的日期选择器添加一些额外的功能，比如检查 css 类；我认为一个好的方法是扩展 beforeShow 方法的功能，而不是将该功能放在每个地方。

Answer 1

如果您使用的是 jQuery UI 日期选择器，请使用 $.datepicker.setDefaults()方法。

例如:

$.datepicker.setDefaults({
    beforeShow: function() {
        if($(this).hasClass('test')) {
            alert('got ya');   
        }

    }
});

DEMO

编辑

根据您的评论，我会将点击事件监听器委托(delegate)给日期选择器元素。否则，您将始终覆盖原始属性值。

$('.datepicker').on('click', function() {
    if($(this).hasClass('test')) {
        alert('got ya');   
    }   
});

$('.datepicker').datepicker({
    beforeShow: function () {
        //Still called?
        console.log('test');
    }
});

DEMO