2011-12-07 18 views
6

Estoy usando el plugin jquery datepicker con la configuración a continuación.JQuery datepicker permite al usuario configurar el año

$("#date").datepicker({ 
    showButtonPanel: true, 
    changeMonth: true, 
    changeYear: true, 
    showOtherMonths: true, 
    selectOtherMonths: true 
}); 

Ahora lo que quiero hacer es permitir que el usuario configure el año. Quiero decir cambiando manualmente la entrada del menú desplegable de selección.

¿Hay alguna configuración para hacer eso?

La razón por la que me gustaría hacer eso es porque no sé, si el usuario está seleccionando una fecha del año 1920 o 2220 o cualquier año. Entonces no tengo un buen valor de fecha predeterminado. Y la interfaz desplegable no es tan fácil de usar si tiene que hacer clic 20 veces para pasar del año 2000 al año 1600.

Edit: Lo que quiero hacer es "Mostrar años ilimitados:" de keith- wood.name/datepick.html#monthyear. ¿Hay algo similar con el jquery datepicker estándar? No puedo encontrar la configuración yearRange: 'any' en la documentación de jquery datepicker.

+0

su pregunta es válida. ¿Por qué aceptaste esa respuesta, si realmente no soluciona tus necesidades? Estoy teniendo el mismo problema, le dejaré saber si consigo resolver esto ... –

Respuesta

5
changeYear: true 

mostrando un selectbox ... ¿cuál es el problema? para la entrada manual del año solo crea un texto de entrada propio?

+0

su edición: no quiero desplazarme hacia abajo en una lista de selección con años ilimitados ... ¡crear un campo de entrada propio! si necesita ayuda, publíquelo nuevamente – ggzone

+0

Gracias por su información. Lo que me gustaría hacer es que un usuario pueda ingresar el año en el guion del calendario datepicker. En lugar de seleccionar el año de un menú desplegable. Espero que esta imagen te ayude http://screencast.com/t/kLEUQKRVx – sandrozbinden

+0

sí, como he dicho, edítala tú mismo con jquery. obtener la selectbox del datepicker y cambiar los atributos ... eliminar las opciones ... hacer que sea un campo de entrada escribir texto. – ggzone

7

Se puede especificar un rango de años mediante la adición de

yearRange: "1930:2010" 

a sus atributos. Por ejemplo:

$("#datepicker").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    yearRange: "1930:2010" 
}); 
Cuestiones relacionadas