Today button in jQuery Datepicker doesn’t work

by

I don’t like the solution of modifying the jQuery source code because it removes the ability to use a CDN. Instead, you can reassign the _gotoToday function by including this code based on @meesterjeeves answer somewhere in your page’s JavaScript scope file:

$.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);
}

The above code is essentially the same as the jQuery UI Datepicker from version 1.10.1 except for the two lines marked above. The whole mumble-jumbo with gotoCurrent can actually be removed since that option does not make sense with our new meaning of “today”.

More Related Contents:

  1. jQuery datepicker set selected date, on the fly
  2. beforeShow event not firing on jQueryUI Datepicker
  3. Jquery UI datepicker. Disable array of Dates
  4. MVC Force jQuery validation on group of elements
  5. jQuery UI datepicker change event not caught by KnockoutJS
  6. putting datepicker() on dynamically created elements – JQuery/JQueryUI
  7. How to wrap single column header text into multiple lines in jqgrid
  8. How to change the color of jqGrid cell?
  9. Restrict date in jquery datepicker based on another datepicker or textbox
  10. JQuery datepicker language
  11. How to use jQuery UI with React JS
  12. integrating jquery ui dialog with knockoutjs
  13. How to get the selected date value while using Bootstrap Datepicker?
  14. knockoutjs databind with jquery-ui datepicker
  15. jQuery AutoComplete Trigger Change Event
  16. Disable specific days of the week on jQuery UI datepicker [duplicate]
  17. jQuery Draggable and overflow issue [closed]
  18. jQuery UI Datepicker – Disable specific days
  19. jQuery UI Datepicker enable only specific days in array
  20. Jquery datepicker – only day and month
  21. Disable future dates after today in Jquery Ui Datepicker
  22. Changing minDate and maxDate on the fly using jQuery DatePicker
  23. How do I disable a jquery-ui draggable?
  24. Using HTML in a Dialog’s title in jQuery UI 1.10
  25. Can table rows be made draggable?
  26. Why does jQuery UI’s datepicker break with a dynamic DOM?
  27. JQuery UI Datepicker, reverse the order of the year in the dropdowns
  28. jQueryUI droppable, stop propagation to overlapped sibling
  29. How to completely remove a dialog on close
  30. JQuery Datepicker – no default date

Leave a Comment