2011-09-12 41 views
21

Estoy usando datepicker of jquery para un campo para establecer la fecha de nacimiento, mientras que el selector predeterminado se muestra que da la opción de desplazarse a la fecha mensualmente y suena tedioso. ¿Hay alguna manera por la que puedo cambiar años directamente en lugar de usar meses para cambiar el año sucesivamente?Jquery datepicker años cambiar

+0

Está utilizando la interfaz de usuario por defecto jQuery selector de fechas? –

Respuesta

54

Hay una propiedad changeYear en el marcador de fecha que puede establecer en true.

$(".selector").datepicker({ changeYear: true }); 

http://jqueryui.com/datepicker/#dropdown-month-year

Esto hará que una lista de selección de la que se puede elegir el año desea.

+1

¿qué es lo que no quiero * seleccionar *, pero una pequeña * entrada *? manteniendo todos los estilos y funcionalidad –

23

Inserte changeYear: true en su parámetro DataPicker.

Ejemplo:

$(function() { 
     $(".datepicker").datepicker({ 
      changeMonth: true, 
      changeYear: true 
     }); 
    }); 
2

Puede activar un menú desplegable años mediante el uso de la propiedad 'changeYear' (ver: jQuery UI) desde el objeto selector de fechas.

5

Conjunto changeYear: true, como se muestra en código de ejemplo siguiente:

$("#birth_date").datepicker({ 
      dateFormat: 'yy-mm-dd', 
      changeMonth: true, 
      changeYear: true, 
      maxDate: '-1D' 
     }, 
     $.datepicker.regional["fr"] 
    ); 

Consulte aquí para ver más opciones: https://jqueryui.com/datepicker/