|
Title: calendar + keyboard Post by: roberto on November 05, 2017, 07:17:33 PM Hi,
Is it possible to select a date with the enter key and navigate with arrows, pgup, pgdn, etc.? Title: Re: calendar + keyboard Post by: jarry on November 06, 2017, 08:45:53 AM Here is the simple extended method to achieve this functionality.
Code: (function($){ function navigate(target){ var opts = $(target).calendar('options'); function navDate(step){ var date = opts.current; if (date) { date = new Date(date.getFullYear(), date.getMonth(), date.getDate() + step); } else { date = new Date(); } $(target).calendar('moveTo', date); } $(target).attr('tabindex',1).bind('keydown', function(e){ switch(e.which){ case 38: navDate(-7); return false; case 40: navDate(7); return false; case 37: navDate(-1); return false; case 39: navDate(1); return false; } }) } $.extend($.fn.calendar.methods, { nav: function(jq){ return jq.each(function(){ navigate(this); }) } }) })(jQuery); Usage example: Code: $('#cc').calendar('nav'); Title: Re: calendar + keyboard Post by: roberto on November 06, 2017, 05:44:35 PM :) tank you!
|