@@ -3,6 +3,8 @@ Version 1.1.7 * Solve weird issue with duplicate and missing days in certain time zones (#2984, thanks to Arsenicus) + * Insert the date picker directly after the input, so that the links in it can be + tabbed through. Listen for the Esc key and hide the date picker if it's pressed (#2276) Version 1.1.6 ------------- CHANGELOG @@ -5,7 +5,7 @@ function DateInput(el, opts) { $.extend(this, DateInput.DEFAULT_OPTS, opts); this.input = $(el); - this.bindMethodsToObj("show", "hide", "hideIfClickOutside", "selectDate", "prevMonth", "nextMonth"); + this.bindMethodsToObj("show", "hide", "hideIfClickOutside", "hideOnEsc", "selectDate", "prevMonth", "nextMonth"); this.build(); this.selectDate(); @@ -32,7 +32,7 @@ DateInput.prototype = { }); tableShell += "</tr></thead><tbody></tbody></table>"; - this.dateSelector = this.rootLayers = $('<div class="date_selector"></div>').append(monthNav, tableShell).appendTo(document.body); + this.dateSelector = this.rootLayers = $('<div class="date_selector"></div>').append(monthNav, tableShell).insertAfter(this.input); if ($.browser.msie && $.browser.version < 7) { this.ieframe = $('<iframe class="date_selector_ieframe" frameborder="0" src="#"></iframe>').insertBefore(this.dateSelector); @@ -101,12 +101,14 @@ DateInput.prototype = { this.rootLayers.css("display", "block"); this.setPosition(); this.input.unbind("focus", this.show); - $([window, document.body]).click(this.hideIfClickOutside); + $("a:last", this.dateSelector).blur(this.hide); + $([window, document.body]).click(this.hideIfClickOutside).keyup(this.hideOnEsc); }, hide: function() { this.rootLayers.css("display", "none"); - $([window, document.body]).unbind("click", this.hideIfClickOutside); + $([window, document.body]).unbind("click", this.hideIfClickOutside).unbind("keyup", this.hideOnEsc); + $("a:last", this.dateSelector).unbind("blur", this.hide); this.input.focus(this.show); }, @@ -116,6 +118,12 @@ DateInput.prototype = { }; }, + hideOnEsc: function(event) { + if (event.keyCode == 27) { + this.hide(); + }; + }, + stringToDate: function(string) { var matches; if (matches = string.match(/^(\d{1,2}) ([^\s]+) (\d{4,4})$/)) { jquery.date_input.js babb08bf699c66ce4adb057c0a1746aa11009489 Jon Leighton j@jonathanleighton.com http://github.com/jonleighton/date_input/commit/49c3acb67628d91e68ccee3a17b361e5110a509d 49c3acb67628d91e68ccee3a17b361e5110a509d 2008-11-01T13:23:43-07:00 2008-11-01T13:23:43-07:00 Insert the date picker directly after the input, so that the links in it can be tabbed through. Listen for the Esc key and hide the date picker if it's pressed (#2276) eda90f381bbef59951d6f74a39ac652e4c0961b2 Jon Leighton j@jonathanleighton.com