jquery-ui - jQuery Datepicker 中的“今天”按钮不起作用

Question

我正在使用 jQueryUI Datepicker 并显示“今天”按钮。但这不起作用。它在演示中也不起作用:http://www.jqueryui.com/demos/datepicker/#buttonbar

当按下此按钮时，我想用今天填充输入。

可以让它工作吗？

Answer 1

我不喜欢修改 jQuery 源代码的解决方案，因为它消除了使用 CDN 的能力。相反，您可以通过包含基于 @meesterjeeves answer 的代码来重新分配 _gotoToday 函数。页面 JavaScript 范围文件中的某个位置:

$.datepicker._gotoToday = function(id) {
    var target = $(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();
            // the below two lines are new
            this._setDateDatepicker(target, date);
            this._selectDate(id, this._getDateDatepicker(target));
    }
    this._notifyChange(inst);
    this._adjustDate(target);
}

除了上面标记的两行之外，上面的代码基本上与 1.10.1 版本中的 jQuery UI Datepicker 相同。整个含糊不清的巨无霸gotoCurrent实际上可以删除，因为该选项对于我们“今天”的新含义没有意义。