web-dev-qa-db-fra.com

jQuery datepicker mindate, maxdate

J'ai les deux objets datepicker suivants mais je ne peux pas obtenir ce que je veux car je suis coincé avec les options minDate et maxDate:

C'est pour limiter les dates aux dates futures.

Ce que je veux: restreindre les dates de la date actuelle à 30 ans.

Ce que j'obtiens: restreindre les dates de la date actuelle à 10 ans.

$(".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
    });

Ceci est pour restreindre à ne sélectionner que les dates passées:

Ce que je veux: restreindre les dates de la date actuelle à 120 ans auparavant.

Ce que j'obtiens: restreindre les dates de la date actuelle à 120 ans auparavant, mais lorsque je sélectionne une année, l'année maximale sera réinitialisée sur l'année sélectionnée (par exemple, ce que j'obtiendrais lorsque le chargement de la page à partir de la nouvelle page est 1890 -2010, mais si je sélectionne 2000, la boîte de sélection de l'année est réinitialisée à 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
});

J'ai besoin d'aide avec les deux objets datepicker, toute aide serait très appréciée.

jquerycalendarmindatemaxdate
18
Amra

J'ai résolu mon problème: les bibliothèques jquery étaient un peu dépassées.

Si quelqu'un est intéressé par cette solution, veuillez vérifier ici .

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

        });
22
Egglabs

Les +30 ans devraient fonctionner correctement comme indiqué ici :

Pour -120 ans, il suffit de faire l'inverse ici

1
Neil Aitken

Pour afficher de la date actuelle à 1 an = maxDate: '+ 1Y', Pour afficher de la date actuelle à 30 jours = maxDate: '+ 30D',

1
Dinesh