Formulaire avec date debut date fin

Version imprimable

29/08/2006, 14h22
Merfolk

Formulaire avec date debut date fin

Bonjour

Voilà ce que j'aimerai faire (et je n'y arrive pas) :

Un formulaire HTML avec 1 champ date début, et un autre champ date fin, qui se calcule automatiquement en fonction de la date début saisie...

Mais en fait j'ai pas l'impression qu'il y ait des fonctions de calcul de date en javascript :? je ne trouve pas....comment il faut faire ? des substring -et calculs à la main ?

Merci
29/08/2006, 14h29
SpaceFrog

y'a ça sur la page ...
une petite recherche avec "calendrier" ...

=> http://www.developpez.net/forums/sho...d.php?t=200595
29/08/2006, 14h41
Merfolk

ok merci, je vais etudier tout ça..

si je comprends bien pour ajouter un mois à une date il faudrait faire
setMonth (getMonth() +1) un truc dans le genre ? et que se passe t'il si on est en décembre ?

j'ai du mal à m'y faire, aux fonctionnement des objets dates..
29/08/2006, 14h43
SpaceFrog

t'inquiète le script donné gère ...
29/08/2006, 14h59
Merfolk

ben si je m'inquiète, mon but ce n'est pas de copier coller ton code mais de comprendre comment marchent les dates :)
(il a l'air très bien au passage, mais j'ai l'impression de lire du chinois...tout ce que je sais faire en javascript pour l'instant en gros c'est machin.value= et alert :oops: ... je veux additionner une date et on me sort un double calendrier => indigestion :oops: )
29/08/2006, 15h03
SpaceFrog

commence par etudier new Date()

getUTCday()
getUTCMonth()
getUTCDate()
etc ....

j'ai réussi

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
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Calendrier SpaceFrog</title>
<script type='text/javascript'>
 
function majDateFin()
{
	var dateDeb = new Date(str2dt(document.getElementById('dd').value));
	var dateFin = new Date(dateDeb);
 
	dateFin.setDate(dateDeb.getDate()+30); // 30 jours
	document.getElementById('da').value = dt2dtstr(dateFin);
 
}
 
 
 
function dt2dtstr (dt_datetime) {
   var FormatedDate=""
 
   FormatedDate+=(dt_datetime.getDate().toString().length==1)?"0"+dt_datetime.getDate().toString():dt_datetime.getDate().toString();
   FormatedDate+="/";
 	FormatedDate+=((dt_datetime.getMonth()+1).toString().length==1)?"0"+(dt_datetime.getMonth()+1).toString():(dt_datetime.getMonth()+1).toString();
	FormatedDate+="/";
	FormatedDate+="20"+dt_datetime.getFullYear().toString().substring(dt_datetime.getFullYear().toString().length-2,dt_datetime.getFullYear()).toString()
	return FormatedDate;
}
 
 
function str2dt (str_datetime) {
   var re_date = /^(\d+)\/(\d+)\/(\d+)$/;
   if (!re_date.exec(str_datetime))
      return '';
   return (new Date (RegExp.$3, RegExp.$2-1, RegExp.$1, RegExp.$4, RegExp.$5, RegExp.$6));
}
 
 
 
</script>
 
</head>
 
<body >
<div id="DivCalendar" style="z-index:2; display:none; width:200px;height:235px; overflow:hidden;position:absolute;Top:1px; left:1px;" ></div>
<form name="calendar" action="javascript:alert('ok')" onsubmit="return majDateFin()" method="post">
<input type='text' name='dd' id='dd' style='text-align:right' /><br/>
<input type='text' name='da' id='da' style='text-align:right' />
<input type='submit' value='envoyer'/>
</form>
</body>
 
</html>

merci pour ton aide...ceci dit être obligé de passer par des expressions regulieres et des machin (if lenght=1) ajouter "0", ça me semble être de la bidouille non ?

29/08/2006, 15h48
SpaceFrog

javascript ... bidouille =>pléonasme :D