Boucle de dates valides

Version imprimable

20/03/2007, 06h58
Zebulon777

Boucle de dates valides

Salut tout le monde,
voila, je galère sur un truc ch****....

Je saisie une date début et une date fin à l'aide de 6 listes déroulantes : jour_debut, mois_debut, annee_debut et jour_fin, mois_fin et annee_fin.
Il faut que je remplisse une liste normale avec toutes les dates VALIDES situées entres la date début et la date fin.

Merci d'avance...

il suffit d'incrémenter et de faire un test isDate avec une fonction personnelle:

voici un exemple qu'il te faudra adapter, mais tout y est ...

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
<script type='text/javascript'>
function isDate(dateStr) {
 
var datePat = /^(\d{1,2})(\/|-)(\d{1,2})(\/|-)(\d{4})$/;
var matchArray = dateStr.match(datePat); // is the format ok?
 
if (matchArray == null) {
alert("Veuillez entrer une date au format jj/mm/aaaa or jj-mm-aaaa.");
return false;
}
 
 
day = matchArray[1];
month = matchArray[3]; 
year = matchArray[5];
 
if (month < 1 || month > 12) { // check month range
alert("Le mois doit être compris entre 1 et 12.");
return false;
}
 
if (day < 1 || day > 31) {
alert("La date du jour doit être comprise entre 1 et 31.");
return false;
}
 
if ((month==4 || month==6 || month==9 || month==11) && day==31) {
alert("Le mois "+month+" ne comporte pas 31 jours !")
return false;
}
 
if (month == 2) { // check for february 29th
var isleap = (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0));
if (day > 29 || (day==29 && !isleap)) {
alert("Fevrier " + year + " ne comporte pas " + day + " jours!");
return false;
}
}
return true; // date is valid
}
</script>

alterjsnative:

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
<script type="text/javascript">
 
 
var debut=Date.UTC(2007,1,25);// date de début définie
var fin=Date.UTC(2007,3,25);// date de fin définie
 
var cal="";
var i=0;
var verif=debut;
var go, y, m, d, mois, jour;
 
 
// on crée une nouvelle date + un jour 
//tant que la date de fin n'est pas atteinte
while(verif<fin){
	go=new Date(debut+1000*3600*24*i)
 
	y=go.getUTCFullYear();
	m=go.getUTCMonth();
	d=go.getUTCDate();
	verif=Date.UTC(y,m,d);
 
	mois=(m+1)<10?"0"+(m+1):(m+1);// on corrige le numéro du mois (+1)
	jour=d<10?"0"+d:d;
 
	cal+=jour+" "+mois+" "+y+"\n";// on affiche à la française parce que je préfère
	i++
}
 
alert(cal)
 
 
</script>

20/03/2007, 13h10
SpaceFrog

je m'incline devant ce jeux de mot !

sinon avec un setday +1 ça passe pas au mois suivant ?
20/03/2007, 14h22
Zebulon777

Merci de vos réponses.

Mais, Java, je ne vois pas où est-ce que tu vérifies validité de la date ?

En fait, il faut que la boucle ne prenne en compte QUE les dates valides.
20/03/2007, 14h27
E.Bzz

Bonjour,
Les fonctions date JS ne te renvoient que des dates valides ...

A+
20/03/2007, 15h31
Zebulon777

Je suis désolé d'insister, mais, je suis débutant de chez débutant et je ne comprend pas.

Si la date début est "01/01/2000" et que la date fin est "05/07/2002"; je dois remplir une nouvelle liste avec toutes les dates valides entres ces 2 dates.
Je pensais donc utiliser une boucle allant de la date début à la date fin, vérifier la validité de la date en cours, ajouter cette date dans la nouvelle liste et passer au jour suivant.
Il faut donc que j'évite, par exemple, 30/02/2000 ou le 31/04/2000, etc...

Mais je n'ai pas compris comment vérifier la validité de la date en cours sachant qu'il faut aussi vérifier que la date début n'est pas supérieure à la date fin et que les 2 dates ne sont pas supérieures à la date système...
20/03/2007, 17h24
javatwister

eh bien pour les détails, donne carrément tes dates butoirs, et dis si tu laisses le client saisir ou pas, on ira plus vite;
21/03/2007, 07h40
Zebulon777

Oui, effectivement, les clients doivent saisir les dates butoires, ou plutôt, ils doivent les sélectionner dans des listes déroulantes : Jour, Mois Année DEBUT et Jour, Mois, Année FIN.
J'entre ensuite dans la boucle, je vérifier la cohérence de la première date, je l'ajoute dans la nouvelle liste, puis, si tout est OK, je passe à la suivante.

Encore merci de votre aide, car je galère vraiment...
21/03/2007, 12h07
javatwister

salut;
bon, j'ai le système; j'ai plus qu'à te pondre une mise en page pas trop pourrie...

désolé pour la mise en page, j'ai pas eu le courage, finalement;
les noms de variables sont complètement débiles mais j'ai eu la flemme aussi de les revoir; en tout cas, charge l'exemple si le coeur t'en dit...

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>...</title>
</head>
 
 
<style type="text/css">
 
ul {
clear:left;
list-style-type:none;
margin:20px;
padding:10px;
overflow:auto;
height:200px;
width:150px;
}
 
li {
font-weight:bold;
background-color:gray;
text-align:center;
}
 
label {
font-weight:bold
}
 
em {
font-weight:bold;
color:#ff0000;
}
 
</style>
 
</head>
 
<body>
 
<form id="quand" action="">
 
	<div>
		<label for="un">
			Entrez une date au format <em>jj mm aaaa</em>, après le 31 12 2000.
		</label>
 
		<br />
 
		<input name="j" id="un" type="text" size="1" maxlength="2" /> 
		<input name="m" type="text" size="1" maxlength="2" /> 
		<input name="a" type="text" size="1" maxlength="4" /> 
	</div>
 
	<div style="margin-top:20px;">
		<label for="deux">
			Entrez une date au format <em>jj mm aaaa</em>, entre la date précédente et aujourd'hui.
		</label>
 
		<br />
 
		<input name="j2" id="deux" type="text" size="1" maxlength="2" /> 
		<input name="m2" type="text" size="1" maxlength="2" /> 
		<input name="a2" type="text" size="1" maxlength="4" /> 
	</div>
 
	<div style="margin-top:20px;">
		<input type="button" value="valider et afficher les dates intermédiaires" onclick="verif()" /> 
	</div>
 
</form>
 
<ul id="mess">
<li>aucune date</li>
</ul>
 
<script type="text/javascript">
 
var t=["dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi"];
var month=["janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre"];
var f=document.forms["quand"].elements;
 
function verif(){ 
 
a=f["a"].value;
m=f["m"].value;
j=f["j"].value;
a2=f["a2"].value;
m2=f["m2"].value;
j2=f["j2"].value;
 
m=parseInt(m)-1;
m2=parseInt(m2)-1;
 
var d=new Date(a,m,j);
var d2=new Date(a2,m2,j2);
if(d.getFullYear()!=a || d.getMonth()!=m || d2.getFullYear()!=a2 || d2.getMonth()!=m2){
	alert("Merci de saisir des dates correctes.");
	return
};
 
 
var da=new Date();
daa=da.getUTCFullYear();
dam=da.getUTCMonth();
daj=da.getUTCDate();
 
if(Date.UTC(daa,dam,daj) >= Date.UTC(a2,m2,j2) && Date.UTC(a2,m2,j2) > Date.UTC(a,m,j) && Date.UTC(a,m,j) > Date.UTC(2000,11,31)){ 
 
	affiche(a,m,j,a2,m2,j2)
}
else{
	alert("La première date doit être antérieure à la seconde.\nVérifiez aussi les consignes de saisie.")
}
 
} 
 
function affiche(t1,t2,t3,t4,t5,t6){
var debut=Date.UTC(t1,t2,t3);// date de début définie
var fin=Date.UTC(t4,t5,t6);// date de fin définie
 
var i=0;
var veri=debut;
var go, y, m, d3, mois, jour, li;
 
var dates=document.getElementById("mess");
 
while(dates.lastChild){
	dates.removeChild(dates.lastChild)
}
 
// on crée une nouvelle date + un jour 
//tant que la date de fin n'est pas atteinte
while(veri<fin){
	go=new Date(debut+1000*3600*24*i)
 
	y=go.getUTCFullYear();
	m=go.getUTCMonth();
	d3=go.getUTCDate();
	veri=Date.UTC(y,m,d3);
 
	mois=(m+1)<10?"0"+(m+1):(m+1);
	jour=d3<10?"0"+d3:String(d3);
 
	li=document.createElement("li");
	li.title=t[go.getUTCDay()]+" "+String(d3).replace(/^1$/,"1er")+" "+month[mois-1]+" "+y;
	li.onmouseover=function(){
		this.style.backgroundColor="cyan"
	}
	li.onmouseout=function(){
		this.style.backgroundColor="gray"
	}
	li.onclick=function(){
		alert("Vous avez choisi la date du " + this.firstChild.data + ".\nFaites en ce que vous voulez.")
	}
 
	li.appendChild(document.createTextNode(jour+" "+mois+" "+y));// on affiche à la française parce que je préfère
	dates.appendChild(li);	
i++
}
 
 
}
</script>
 
</body>
</html>

26/03/2007, 15h07
Zebulon777

Merci à tous pour votre aide