Fonction comparaison date via formulaire

Bonjour cher membres de développez ! :D

Je suis un étudiant en Dut R&T et pour mon premier post, j'aurais besoin d'aide pour une petite fonction en JavaScript.

Le but de cette fonction est de récupérer deux valeurs du type date"10/10/2015" dans un formulaire et de les comparer avec une fonction.

J'ai recherche quelque bout de code sur le net et après avoir bidouillé quelque temps.

Je n'arrive toujours pas à faire une comparaison efficace.

Merci d'avance pour votre aide .:plusser:

Superjawa

Le Code HTML 5:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<form name ="form1" autocomplete="on" ><!-- formulaires -->
	<fieldset>	
		<table>
			<tr>
		              <td><label>date d'arriv&eacute;e:</label></td>
			      <td class="droite"><input placeholder="ex:19/10/2010" pattern="(0[1-9]|[12][0-9]|3[01])[-/.](0[1-9]|1[012])[-/.](19|20)\d\d" name="date_Arr" title="date" type="date" /></td>
			</tr>
 
			<tr>
				<td><label>date de d&eacute;part:</label></td>
				<td class="droite"><input placeholder="ex:19/10/2010" pattern="(0[1-9]|[12][0-9]|3[01])[-/.](0[1-9]|1[012])[-/.](19|20)\d\d" name="date_Dep" title="date" type="date" onBlur="Compare(form1)"/></td>
			</tr>
		</table>
        </fieldset>	
</form>

Le Code JavaScript:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
//Fonction Verification de la date :
 
function Compare(form1)
{
 
	//variables :
	var dateDepartRecupere = document.form1.date_Dep.value;
	var objetDateDep = new Date();
 
	var dateArriveeRecuperee = document.form1.date_Arr.value;
	var objetDateArr = new Date();
 
	var dateDepFinale ;
	var dateArrFinale ;
 
	objetDateDep.setFullYear(dateDepartRecupere.substr(6,4));
	objetDateDep.setMonth(dateDepartRecupere.substr(3,2));
	objetDateDep.setDate(dateDepartRecupere.substr(0,2));
	objetDateDep.setHours(0);
	objetDateDep.setMinutes(0);
	objetDateDep.setSeconds(0);
 
	objetDateArr.setFullYear(dateArriveeRecuperee.substr(6,4));
	objetDateArr.setMonth(dateArriveeRecuperee.substr(3,2));
	objetDateArr.setDate(dateArriveeRecuperee.substr(0,2));
	objetDateArr.setHours(0);
	objetDateArr.setMinutes(0);
	objetDateArr.setSeconds(0);
 
	//convertion en seconde des dates
 
	dateDepFinale = objetDateDep.getTime(); 
	dateArrFinale = objetDateArr.getTime();
 
	document.write(dateDepFinale);
	document.write(dateArrFinale);
 
	//conditions :
	if (dateDepFinale < dateArrFinale )
		{
		// dates accepté
		alert("yesssssss !");
		}
	else
		{
		alert("BUGGGGGGGG !");
		}
 
}

Citation:

Le temps ne fait rien à l'affaire,
Quand on est con, on est con. George Brassens

Bonjour et bienvenue sur DVP.
Peut être que cette contribution devrait te permettre d'y voir plus clair
:fleche: Vérifier la validité d'une date

Conseils :
• Evite l'utilisation de document.write.
• Plutôt que d'utiliser la méthode substr() utilise la méthode split() sur ta chaine.
• Perso je mettrais le champ départ avant le champ arrivé ;).

Réponse

Merci pour tes ces infos.

Je vais continuer ma croisade !

cdlt, superjawa

Avec la librairie Moment.js tu pourrais faire simple

Code:

1
2
3
4
5
6
7
8
9
10
function Compare(form1) {
    var dDepart  = moment(document.form1.date_Dep.value);
    var dArrivee = moment(document.form1.date_Arr.value);
    var ecart = dArrivee.diff(dDepart);
    if (ecart > 0) {
        console.log('C\'est OK!');
    } else {
        console.log('Mauvaise date');
    }
}