2010-04-14 18 views
18

tengo los dos siguientes objetos datepicker pero no puedo conseguir lo que quiero que me estoy atascado con MinDate y MaxDate opciones:jQuery selector de fechas MinDate, MaxDate

Esta es restringir las fechas a fechas futuras .

Lo que quiero: restringe las fechas de la fecha actual a 30 años.

Lo que obtengo: restringe las fechas de la fecha actual a 10 años.

$(".datepickerFuture").datepicker({ 
    showOn: "button", 
    buttonImage: 'calendar.gif', 
    buttonText: 'Click to select a date', 
    duration:"fast", 
    changeMonth: true, 
    changeYear: true, 
    dateFormat: 'dd/mm/yy', 
    constrainInput: true, 
    minDate: 0, 
    maxDate: '+30Y',  
     buttonImageOnly: true 
    }); 

Esta es restringir a seleccionar sólo pasado las fechas:

Lo que quiero: restringir las fechas desde la fecha actual hasta hace 120 años.

Lo que obtengo: restrinjo las fechas de la fecha actual a 120 años, pero cuando selecciono un año el año máximo se restablecerá al año seleccionado (por ejemplo, lo que obtendría cuando la carga de la página fuera 1890- 2010, pero si selecciono 2000 el año, seleccione el cuadro de restablecimiento a 1880-2000).

$(".datepickerPast").datepicker({ 
    showOn: "button", 
    buttonImage: 'calendar.gif', 
    buttonText: 'Click to select a date', 
    duration:"fast", 
    changeMonth: true, 
    changeYear: true, 
    dateFormat: 'dd/mm/yy', 
    constrainInput: true, 
    yearRange: '-120:0', 
    maxDate: 0, 
    buttonImageOnly: true 
}); 

Necesito ayuda con ambos objeto datepicker, cualquier ayuda sería muy apreciada.

Respuesta

6

me fijo mi problema, que era las bibliotecas de jQuery eran un poco fuera fecha.

Si alguien está interesado en esta solución, por favor marque here.

1

Las +30 años se debe trabajar muy bien como se muestra here:

Para -120 años sólo tiene que hacer el inverso here

+0

Para el 30, eso es lo pensé, pero solo estoy obteniendo +10 años. Durante los -120 años, ¿qué quieres decir? Gracias. – Amra

+0

Acabo de utilizar '-120Y' para minDate y 0 para maxDate, si miras los enlaces de jsBin puedes ver el código que usé –

+1

@Cesar - el menú desplegable para el año cambiará en función del año actual. Parece mostrar solo -10/+ 10 del año actual, pero respeta los valores mínimos/máximos que usted suministra. Mire el código para _generateMonthYearHeader en el archivo jQuery UI js. – tvanfosson

22
$("#datepick").datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      showOn: 'button', 
      buttonImage: 'images/calendar.gif', 
      buttonImageOnly: true, 
      dateFormat: 'dd/mm/yy', 
      minDate: '-100Y', 
    maxDate: '-1Y', 
    yearRange: '-100', 

     }); 
+0

+1 por año Rango con fecha mínima/máxima. No sabía que podía poner fecha de esa manera. ¡Muchas gracias! –

1

Para mostrar desde la fecha actual 1 año = MaxDate: '+ 1Y', Para visualizar desde la fecha actual a 30 días = MaxDate: '+ 30D',

Cuestiones relacionadas