warum nicht meine jQuery date picker UI plugin nicht nach oben/unten Pfeile im Jahr

Question

problematic example, kann ich nicht scheinen, um die Pfeile nach oben und nach unten, um ein Datum früher als 2001 oder später als 2021 zu wählen .

Education Record 
    did you complete high school? * --> Yes 
    clicking Graduation Date * 
     clicking 2013 down arrow 

irgendwelche Ideen, was das verursacht? Die Bildlaufpfeile erscheinen in IE10 in Windows 7 überhaupt nicht und in Firefox werden die Bildlaufpfeile angezeigt, aber vor 2001 oder nach 2021 kann nicht gescrollt werden. Die Arbeit besteht darin, das Min- oder Max-Datum auszuwählen und erneut auf den Pfeil zu klicken um vor oder nach Jahren zu zeigen.

Answer 1

Wie ich in Ihrem Screenshot sehen, verwenden Sie IE10, die ein wenig freaky Stil hat. Ihre Auswahl Dropdown-Liste wird gut funktionieren in guten Browsern wie Chrome, FF, Safari, etc ... bin ziemlich sicher, wenn Sie eine feste Höhe für das Select-Element, das
.ui-datepicker-Jahr-Klasse, z Beispielhöhe: 150px; und Überlauf hinzufügen: auto; hoffen, dass diese

Answer 2

Versuchen this- jsFiddle

$(function() { 
$("#datepicker").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    yearRange: "-120:+10", // magic! 
    dateFormat: 'mm/yy', 
    onClose: function (dateText, inst) { 
     var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); 
     var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); 
     $(this).datepicker('setDate', new Date(year, month, 1)); 
    } 
    }); 
}); 

API Documentation for yearRange

Answer 3

In jQuery-UI hilft können Sie bequem Jahre Datumsbereich und Standard angeben.

$("#specific_birthdate").datepicker({ 
     yearRange : "1950:2011", 
     changeYear : true, 
     defaultDate : new Date(1970, 0, 1, 0, 0, 0, 0) 
    });