Recuperation de date et ajout d'annee

**ns_deux** · 02/07/2006, 16h09

bonjour à tous,
je suis novice en javascript et voilà mon probleme.
J'ai un formulaire avec un calendrier où l'utilisateur peut saisir une date dans un input text au format AAAA-MM-JJ. Suivant la date choisie, je veux rajouter d'apres la saisie d'un select 1,2,3,4 ou 5 annnee(s) supplemenetaire(s) dans un autre input text et le tout sans recharger ma page.

Pour simplifier,

1- input text avec la date choisie par l'utilidateur au format AAAA-MM-JJ (annee_choisie)
2- un select avec les valeurs 1,2,3,4,5.
3- reccuperer dans un autre input text nouvelle_annee= annee_choisie + valeur du select au format AAAA-MM-JJ

Merci d'avance je m'en sors plus

**FremyCompany** · 02/07/2006, 16h27

Code :

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

1
2
3
4
var D1 = new Date(Input1.value);
var D2 = parseIn(Select1.options[Select1.selectedIndex].value)
D1.setFullYear(D1.getFullYear() + D2)
Input2.value=D1.toString();

Pour définir le format du toString :

javascript date format

**ns_deux** · 03/07/2006, 07h15

Merci pour ton code mais comment je fais pour integrer tout cà dans ma page?
Desole je debute.

**ns_deux** · 07/07/2006, 07h24

J'ai essaye ton code mais ca ne marche pas.
voilà mon code ca aidera peut etre plus
Merci d'avance

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
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
 
</script>
<!-- FICHIER DE STYLE DU CALENDRIER //-->
<link rel='stylesheet' href='calendrier.css' />
<!-- FICHIER DE SCRIPT DU CALENDRIER //-->
<script type="text/javascript" src="calendrier.js"></script>
<script type="text/javascript">
<!--
/******************************/
self.defaultStatus = "calendrier";
/******************************/
/* 
* instanciation de l'objet
*/
var CL = new calendrier("CL", 20, 10 );
var CL2 = new calendrier("CL2", 20, 10 );
 
/******************************/
function init()
{
	CL.init("calend", document.forms["formulaire"].elements["date_installation"]);
	CL.isDragable(true);
	CL2.init("calend2", document.forms["formulaire"].elements["date_fin_garantie"]);
	CL2.isDragable(true);
}
/******************************/
//--> 
 
function date()
{
var D1 = new Date(form["formulaire"].input["date_installation"].value);
var D2 = parseIn(form["formulaire"].Select["duree_garantie"].options[Select["duree_garantie"].selectedIndex].value);
D1.setFullYear(D1.getFullYear() + D2);
form["formulaire"].input["date_fin_garantie"].value=D1.toString();
}
</script>
 
<body onLoad="init();">
<form method="post" name="formulaire" action="base_enreg_saisie_materiel.php">
<table width="91%" border="0">
  <tr>
    <td width="32%"><div align="right"><strong>Date d'installation du mat&eacute;riel : </strong></div></td>
    <td width="25%"> 
 
    <input type="text" name="date_installation" id="date_installation" value=""  /></td>
    <td width="43%">
     <input type='button' name='show1' onclick='CL.show();' value='...' />		   
    </td>	
  </tr>
  <tr>
    <td><div align="right"><strong>Dur&eacute;e de garantie : </strong></div></td>
    <td><select name="duree_garantie" id="duree_garantie" onChange="javascript:date();">    
    <option value=""></option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    </select></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><div align="right"><strong>Date de fin de garantie : </strong></div></td>
    <td>
	<input type="text" name="date_fin_garantie" id="date_fin_garantie" value="" /></td>
    <td><input type='button' name='show1' onclick='CL2.show();' value='...' /></td>
  </tr>
  <tr>
    <td><div align="right"><strong>En instance de r&eacute;forme : </strong></div></td>
    <td><select name="instance_reforme" >
    <option value=""></option>
    <option value="non">non</option>
    <option value="oui">oui</option>
 
    </select></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><div align="right"><strong>Observations : </strong></div></td>
    <td>
        <textarea name="observation"></textarea>    </td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><div align="right"></div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</form>

Recuperation de date et ajout d'annee

JavaScript

Vue hybride

Discussions similaires

Partager

Partager