Discussion :

[Paulux1]

Bonjour,

J'essaie en vain de réaliser la chose suivante:

Un formulaire possède deux champs: L'un contient des dates en l'autre un nombre de jour. On sélectionne une date. Lorsque l'on choisit le nombre de jour, je veux que s'affiche alors la nouvelle date.

Voila ce que j'ai fait... Je pense ne pas être bien loin du but... mais bien sûr, ça ne fonctionne pas!!!

La date de résultat s'affichant est toujours le 17/06/2006 ( il semble que ce soit date du jour moins un mois). Puis si je sélectionne une autre périodicité, la date affiché disparait ( il faudrait qu'elle change)...

Voici mon bout de code:

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
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
 
<script type="text/javascript">    
function checkDuration() {
var form = document.getElementById("FormHotel" );
var select = form.getElementsByTagName("select" );
var day;
var seconde;
var array;
var nouvelle_date;
var separator = "/";
var ObjetDate;
var New_Jour;
var New_mois;
var New_An;
var Xday;
 
	for (var i=0; i<select.length; i++) {
	if (select[i].name=="Duration[]" ) day=parseInt(select[i].value);
 
	}
	if (select[0].name=="StartDate" ) StartDate=(select[0].value);
//	alert(StartDate);
 
	array = StartDate.split(separator);
	secondes = (new Date(array[2],array[1]-1,array[1])).getTime() + 86400000 * day;
	nouvelle_date = new Date(secondes);
 
//	alert(nouvelle_date);
	ObjetDate = new Date(); 
	New_Jour=ObjetDate.getDate(nouvelle_date);
	New_mois=ObjetDate.getMonth(nouvelle_date);
	New_An=ObjetDate.getFullYear(nouvelle_date);
 
	Xday=New_Jour+separator+New_mois+separator+New_An;
document.getElementById("Futur" ).innerHTML = Xday;
}            
</script>
 
		<form id="FormHotel">
			<select name="StartDate" id="StartDate" id="StartDate">    
				<option value="25/06/2006" selected="selected">25/06/2006</option>
				<option value="26/06/2006">26/06/2006</option>
				<option value="27/07/2006">27/07/2006</option>
				<option value="28/07/2006">28/07/2006</option>
			</select>   
			<select name="Duration[]" onchange="checkDuration()" id="Duration">
				<option value="1" selected="selected">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
			</select>
			<strong>Jusqu'au : <span id="Futur"></span></strong>  
		</form>

Quelqu'un peut m'aider sur ce point?
Par avance, merci,

[linar009]

Lorsque tu fais ObjetDate = new Date(); , tu récupères la date d'aujourd'hui. Je pense que ton problème vient de là ...

[linar009]

De plus, n'oublies pas que lorsque tu fais un getMonth(), tu n'obtiens pas le mois comme nous le lisons...En effet, le tableau des mois part de l'indice 0.
Par exemple si ta date est le 17 juillet 2006, ton getMonth() de cette date retournera 6.

[Paulux1]

Bonjour Linar009,

Merci de ton intervention. Pour ce quyi est de la deuxieme partie de ton message, j'avais bien vue la chose et donc pour le mois je décremente d'un (array[1]-1)

Par contre, comment puis-je initialiser ObjetDate si je dois éviter d'écrire ObjetDate = new Date();??

Merci,

Paulux

[linar009]

Si j'ai bein compris le prinicpe de ton programme je pense que tu devrais faire comme suit :

Code :

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

1
2
3
New_Jour=nouvelle_date.getDate();
	New_mois=nouvelle_date.getMonth();
	New_An=nouvelle_date.getFullYear();

tout simplement...
Puisque de toute façon, ta variable ObjetDate n'est jamais réutilisée...

[Paulux1]

Merci pour tout... Avec une paire d'yeux suplémentaire... on peux vraiment faire bcp plus

[linar009]

Pour information supplémentaire, les méthodes getDate(), getMonth() et getYear() (resp. getFullYear()) ne prennent aucun paramètre.