jQuery Forum

I've added two buttons to a Jquery UI datepicker following roughly this suggestion: jquery datepicker adding custom button

I basically want to add two buttons or double arrows in the header to change between years (yes, I know there's a changeYear property but I really need those arrows instead the dropdown). My code is here:

http://jsfiddle.net/odiseo/EuBgE/

1. var dates = $("#fromDate").datepicker({
2.     changeYear: true,
3.     beforeShow: function(input) {
4.         setTimeout(function() {
5.             var widgetHeader = $(input).datepicker("widget").find(".ui-datepicker-header");
6.             var prevYrBtn = $('<button title="PrevYr">&lt;&lt; Prev Year</button>');
7.             prevYrBtn.unbind("click").bind("click", function() {
8.                 $.datepicker._adjustDate($(input), -1, 'Y');
9. 
   
10.             });
11.             var nextYrBtn = $('<button title="NextYr">Next year &gt;&gt;</button>');
12.             nextYrBtn.unbind("click").bind("click", function() {
13.                 $.datepicker._adjustDate($(input), +1, 'Y');
14. 
    
15.             });
16.             prevYrBtn.appendTo(widgetHeader);
17.             nextYrBtn.appendTo(widgetHeader);
18. 
    
19.         }, 1);
20.     }
21. });