jquery-ui - 在 jquery-ui datepicker 中的 'Today' 按钮上添加事件监听器

Question

我正在使用日期选择器表单 jQuery-ui-1.8.16。

我有以下代码:

Site.Calendar = function() {

    // Set default setting for all calendars
    jQuery.datepicker.setDefaults({
        showOn : 'both',
        buttonImageOnly : true,
        buttonText: '',
        changeMonth : true,
        changeYear : true,
        showOtherMonths : true,
        selectOtherMonths : true,
        showButtonPanel : true,
        dateFormat : "D, d M, yy",
        showAnim : "slideDown",
        onSelect: Site.Calendar.customiseTodayButton
    });
};

Site.Calendar.customiseTodayButton = function(dateText, inst) {
    console.log("hello");
};

我的 customiseTodayButton 函数仅在我选择实际日期时才会触发，而不是在“今天”按钮上触发。

有什么方法可以覆盖 jQuery 日期选择器中“今天”按钮的工作方式吗？

谢谢

Answer 1

我发现这里发布了以下内容: Today button in jQuery Datepicker doesn't work

jQuery.datepicker._gotoToday = function(id) {
        var target = jQuery(id);
        var inst = this._getInst(target[0]);
        if (this._get(inst, 'gotoCurrent') && inst.currentDay) {
                inst.selectedDay = inst.currentDay;
                inst.drawMonth = inst.selectedMonth = inst.currentMonth;
                inst.drawYear = inst.selectedYear = inst.currentYear;
        }
        else {
                var date = new Date();
                inst.selectedDay = date.getDate();
                inst.drawMonth = inst.selectedMonth = date.getMonth();
                inst.drawYear = inst.selectedYear = date.getFullYear();
                this._setDateDatepicker(target, date);
                this._selectDate(id, this._getDateDatepicker(target));
        }
        this._notifyChange(inst);
        this._adjustDate(target);
    }

它只是重写了 goToToday 方法并添加了两行新代码:

this._setDateDatepicker(target, date);
this._selectDate(id, this._getDateDatepicker(target));

也许有一种更干净的方法可以用你原来的答案马克来解决这个问题？