perché il plug-in UI del selettore di date jQuery non mostra frecce su/giù nel campo anno

Question

Come per questo problematic example, non riesco a ottenere le frecce su e giù per scegliere una data precedente al 2001 o successiva al 2021 .

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

tutte le idee che cosa sta causando questo? Le frecce di scorrimento non compaiono affatto in IE10 in Windows 7 e in Firefox le frecce di scorrimento sono mostrate ma non possono essere scorse prima del 2001 o dopo il 2021. Il lavoro attorno è quello di scegliere la data minima o massima e fare nuovamente clic sulla freccia mostrare prima o dopo anni.

Answer 1

Come vedo nel tuo screenshot che stai usando IE10 che ha un pò di stile. La tua lista di selezione a tendina funzionerà bene in browser di buona qualità come Chrome, FF, Safari, ecc ... sono abbastanza sicuro se si imposta un'altezza fissa per l'elemento select che è ha
.ui-datepicker-year class, per altezza di esempio: 150px; e aggiungi overflow: auto; Spero che questo aiuti

Answer 2

Prova questo- 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 si può facilmente specificare anni vanno e la data di default.

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