Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

429
Vistas
Cómo habilitar el año antes/después del año específico en Datepicker

Estoy mostrando solo el año en la vista de calendario usando el selector de fechas.

Pero quiero establecer el rango máximo de años en el año actual y el rango mínimo de años en 1900 y deshabilitar el rango del año anterior/después que quiero configurar en Datepicker como en la imagen de abajo.

ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí

Aquí está mi código javascript:

 $("#datepicker").datepicker({ format: "yyyy", viewMode: "years", minViewMode: "years", autoclose: true, changeYear: true, yearRange: '1900:' + new Date().getFullYear() });

Pero el rango de años no funciona para mí. Cualquier ayuda será muy apreciada.

¡Gracias!

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

editar - enfoque diferente


intente usar los atributos minDate y maxDate:

 let cur_year = (new Date).getFullYear(); $( "#datepicker" ).datepicker({ minDate: new Date(1900, 0, 1), maxDate: new Date(cur_year, 11, 31) });

debe volver a convertir la fecha en cadena después de obtener el año actual, actualmente, está tratando de agregar una fecha a una cadena (eso no es posible)

por lo que debería verse algo así:

 $("#datepicker").datepicker({ format: "yyyy", viewMode: "years", minViewMode: "years", autoclose: true, changeYear: true, yearRange: '1900:' + new Date().getFullYear().toString() });
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda