Discussion :

[remyli]

Bonjours,

J'ai deux champ date dans mon formulaire. Un pour la date de début et un pour la date de fin.

Je voudrais que le champ date de fin s'adapte au champs date de début. (Pour que la fin ne puisse pas être avant le début par exemple.)


Ce que je voudrais faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
if($("#dateDebut"))
{
     jQuery("#dateDebut").change(function(){
        d = jQuery("#dateDebut").datepicker('getDate');
        jQuery("#dateFin").datepicker( 'setDate' , d+1);
    });
}

Évidemment si je fait ça; ça ne marche pas puisque datepicker('getDate') retourne une chaine de caractères.

Pour le moment j'ai fait ça :
Mais ça ne marche pas . (Cf exception)
et je sens que ce n'est pas la bonne solution ....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
if($("#dateDebut"))
{
     jQuery("#dateDebut").change(function(){
        d = $("#dateDebut").datepicker( 'getDate' );
        alert(d);//Thu Dec 24 2009 00:00:00 GMT+0100 (CET)
        d = $.datepicker.parseDate( "D M dd yy ...", d );
        alert(d);// d est maintenant un objet Date
        d = d.getTime();
        alert(d); // d est maintenant un timestamp
        d + 60*60*24*1; //+1 jour
        alert(d); // d est un timestamp + 1 jour
        d = formatDate( 'yy/mm/dd', d );
        alert(d); // d est un string
        jQuery("#dateFin").datepicker( 'setDate' , d);
    });
}

uncaught exception: Unknown name at position 0
Line 0

[remyli]

J'ai une solution temporaire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
jQuery("#dateDebut").change(function(){
     d = $("#dateDebut").datepicker( 'getDate' );
     // alert(d);//Thu Dec 24 2009 00:00:00 GMT+0100 (CET)
     jQuery("#dateFin").datepicker('option', 'minDate',d);
});

Déjà j'utilise l'option minDate (Ce qui est plus rigoureux)

[danielhagnoul]

Bonsoir.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
$("#dateDebut").change(function(){
	var d = $("#dateDebut").datepicker('getDate');
 
	var n = new Date(d.getFullYear(), d.getMonth(), d.getDate() + 12);
 
	$("#dateFin").datepicker('setDate', n);
});

[php_de_travers]

Une solution qui combine minDate - maxDate et synchronisation après choix de l'internaute

http://www.developpez.net/forums/d87...r-calendriers/