Ir al contenido


Foto

jquery datepicker, al mostrar años que el listado sea mas amplio.


  • Por favor identifícate para responder
1 respuesta en este tema

#1 martinartaza

martinartaza

    Advanced Member

  • Miembros
  • PipPipPip
  • 159 mensajes
  • LocationArgentina, Tucuman

Escrito 11 abril 2012 - 04:56

Hola que tal querida comunidad, le cuento que estoy usando un datepicker componente js de jquery.
Pueden ver el código en la siguiente pagina:
http://www.sebastian...icker/index.php

El problema se da cuando uno quiere insertar la fecha de nacimiento y verán en la pagina que el listado muestra solo hasta 1992, pero si uno es más viejito tiene que elegir el 1992 y volver apretar para que le muestre años anteriores.

El js que uso para que permita mostrar años y para que este en español es el siguiente.
[js]
/* Inicialización en español para la extensión 'UI date picker' para jQuery. */
/* Traducido por Vester (xvester@gmail.com). */
jQuery(function($){
$.datepicker.regional['es'] = {
closeText: 'Cerrar',
prevText: '<Ant',
nextText: 'Sig>',
currentText: 'Hoy',
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
'Jul','Ago','Sep','Oct','Nov','Dic'],
dayNames: ['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
weekHeader: 'Sm',
dateFormat: 'yy-mm-dd',
firstDay: 1,
isRTL: false,
changeYear: true,
showMonthAfterYear: false,
yearSuffix: ''};
$.datepicker.setDefaults($.datepicker.regional['es']);
});
[/js]

Si entraron a la pagina veran que el comportamiento es un poco molesto para insertar años anteriores a 1992 y me gustaria facilitar esa tarea.
Desde ya muchas gracias por su tiempo. 
  • 0

#2 martinartaza

martinartaza

    Advanced Member

  • Miembros
  • PipPipPip
  • 159 mensajes
  • LocationArgentina, Tucuman

Escrito 11 abril 2012 - 05:16

Ya lo solucione, despues de preguntar encontre esto:

changeMonth: true,
yearRange: '-100:+0',

o sea el archivo quedaria.

[js]
/* Inicialización en español para la extensión 'UI date picker' para jQuery. */
/* Traducido por Vester (xvester@gmail.com). */
jQuery(function($){
$.datepicker.regional['es'] = {
closeText: 'Cerrar',
prevText: '<Ant',
nextText: 'Sig>',
currentText: 'Hoy',
monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
'Jul','Ago','Sep','Oct','Nov','Dic'],
dayNames: ['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],
dayNamesShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
weekHeader: 'Sm',
dateFormat: 'yy-mm-dd',
firstDay: 1,
isRTL: false,
/* esto agrege */
changeYear: true,
changeMonth: true,
yearRange: '-100:+0',
/* hasta aca*/
showMonthAfterYear: false,
yearSuffix: ''};
$.datepicker.setDefaults($.datepicker.regional['es']);
});

[/js]

Espero que le sirva a alguien.

  • 0




IP.Board spam blocked by CleanTalk.