Affichage d'une date dans x jours
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:
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,
