jQuery UI: Datepicker establece el menú desplegable de rango de años en 100 años
Al utilizar el selector de fecha, el menú desplegable de años muestra de forma predeterminada solo 10 años. El usuario debe hacer clic en el último año para agregar más años.
¿Cómo podemos establecer el rango inicial en 100 años para que el usuario vea una lista grande de forma predeterminada?
function InitDatePickers() {
$(".datepicker").datepicker({
changeMonth: true,
changeYear: true,
showButtonPanel: true,
maxDate: '@maxDate',
minDate: '@minDate'
});
}
Puede configurar el rango de años usando esta opción según la documentación aquí http://api.jqueryui.com/datepicker/#option-yearRange
yearRange: '1950:2013', // specifying a hard coded year range
o de esta manera
yearRange: "-100:+0", // last hundred years
De los documentos
Valor predeterminado: "c-10:c+10"
El rango de años que se muestra en el menú desplegable de años: ya sea relativo al año de hoy ("-nn:+nn"), relativo al año seleccionado actualmente ("c-nn:c+nn"), absoluto ("nnnn: nnnn"), o combinaciones de estos formatos ("nnnn:-nn"). Tenga en cuenta que esta opción solo afecta lo que aparece en el menú desplegable; para restringir qué fechas se pueden seleccionar, utilice las opciones minDate y/o maxDate.
Pruebe lo siguiente: -
ChangeYear:- Cuando se establece en verdadero, indica que se pueden seleccionar las celdas del mes anterior o siguiente indicadas en el calendario del mes actual. Esta opción se utiliza con options.showOtherMonths establecido en verdadero.
YearRange: especifica el rango de años en el menú desplegable de años. (Valor predeterminado: “-10:+10″)
Ejemplo:-
$(document).ready(function() {
$("#date").datepicker({
changeYear:true,
yearRange: "2005:2015"
});
});
Ver: - establecer el rango de años en jquery datepicker
Hice esto:
var dateToday = new Date();
var yrRange = dateToday.getFullYear() + ":" + (dateToday.getFullYear() + 50);
and then
yearRange : yrRange
¿Dónde 50está el rango desde el año actual?
Puede configurar el rango de años usando esta opción en jQuery UI datepicker:
yearRange: "c-100:c+0", // last hundred years and current years
yearRange: "c-100:c+100", // last hundred years and future hundred years
yearRange: "c-10:c+10", // last ten years and future ten years
