probléme avec jquery

19 janv. 2010, 19:05

bonjour,
je suis un jeune developpeur actuelement je monte un formulaire sur une application qui va gérer les congés
et j'ai un probleme concernant la gestion de date je m'explique

il faut prendre une date de debut de conge ensuite une date de fin de congé
j'affiche la date de dedut mais j'arrive pas a afficher la date de fin (avec datepicker)
merci pour votre aide d'avance
voila mon code:

<!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>
       <title>bimrh_accueil</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      
         <link rel="stylesheet" media="screen" type="text/css" title="Design" href="../css/demand_cong.css" />
		 
		 
		 <link type="text/css" href="development-bundle/themes/base/ui.all.css" rel="stylesheet" />
	<script type="text/javascript" src="development-bundle/jquery-1.3.2.js"></script>
	<script type="text/javascript" src="development-bundle/ui/ui.core.js"></script>
	<script type="text/javascript" src="development-bundle/ui/ui.datepicker.js"></script>

	<link type="text/css" href="development-bundle/demos.css" rel="stylesheet" />
	<script type="text/javascript">
	$(function() {
		$("#datepicker").datepicker();
	});
	</script>



</head>
<body>

<form method="post" action="demand_cong.php">
<h2><b>Demande de conge</b></h2>

 <fieldset>
       <legend>Vos coordonnées</legend>
   <p> 
   <label for="nom_conge"> Nom </label> : <input type="text" name="nom_conge" id="nom_conge" maxlength="20" tabindex="10"/>
   
  
	<label for="prenom_conge"> prenom </label> : <input type="text" name="prenom_conge" id="prenom_conge" maxlength="20" tabindex="20"/><br><br>
	 
	
	   
	   
	    <label for="service_conge"> service </label> : <input type="text" name="service_conge" id="service_conge" maxlength="25" tabindex="30"/>  
		
		   <label for="status">quel est votre statu ?</label>
       <select name="statu_conge" id="statu_conge" tabindex="40">
           <option value="etranger">Etranger</option>
           <option value="cadre">Cadre</option>
           <option value="resident">Resident</option>
       
       </select><br><br>
	   
	   
	   
	   
	  
	   
	  
	  
	  <label for="email_conge">Quel est votre e-mail ?</label>
	  
	  
				<input type="text" name="email_conge" id="email_conge" tabindex="50" /><br />
 </fieldset>
 
 
 


        <fieldset>
		
		
       <legend>Date de debut et fin de Conge</legend>
	   
	   
	   <div class="demo">
	   
    <p>Date debut: <input type="text" id="datepicker">
	
	
	
	
	Date fin:<input type="text" id="datepicker">
	
	
	
	<label for="motif_conge"> Motif </label> : <input type="text" name="motif_conge" id="motif_conge" maxlength="30" tabindex="10"/></p>   
	   
	
	   </div>
	     
	   
	   </fieldset>

	   
	     <fieldset>
       <legend>Valider votre formulaire</legend>
	   <p>
       <input type="submit" /> <input type="reset" />
   </p>

	   
	   </fieldset>
	 
	 
	 
	 </p>
</form>



       
                
</body></html>

20 janv. 2010, 10:20

Le problème vient du fait que tu as deux id identiques dans ta page (ce qui est interdit en (x)html), donc plusieurs solutions soit tu change ton html comme ceci:

<p>Date debut: <input type="text" id="datepicker1">
Date fin:<input type="text" id="datepicker2">

et ton js comme ceci:

Code : Tout sélectionner

<script type="text/javascript">
$(function() {
$("#datepicker1,#datepicker2").datepicker();
});
</script>

Soit tu change l'id pour une classe... A toi de voir!

10 févr. 2010, 23:48

merci,problème résolu

mais je voudrais à présent avoir le nombre de jour entre la date de debut et la date de fin
je galère depuis lontemps
merci a celui ou ceux qui pourrait m'aider

11 févr. 2010, 00:00

Bonsoir,
http://stackoverflow.com/questions/5429 ... -in-jquery

11 févr. 2010, 14:51

Modération :
Afin d'améliorer la lisibilité de ton message,
pense à utiliser les balises [code] ou [php] (selon le langage utilisé).

Elles sont disponibles au-dessus de la zone de saisie de ton message
lorsque tu postes un nouveau message.

Des indications sont disponibles sur la manière de mettre en forme vos messages dans la FAQ

Modération :
Puisque ta question est résolue, je l'indique en ajoutant la petite icône verte "Résolu" pour que les futures personnes qui voudront consulter ce sujet sachent qu'il contient une solution.

TTu peux réaliser cette opération toi-même en cliquant sur le bouton

en haut à droite de la réponse qui te semble la plus pertinente, si tu as posté le 1er message en tant que membre (inscrit et identifié).

Alors... inscris-toi !!!

Modération :
Si tu as une autre question ouvre un nouveau sujet,
cela te permettra d'avoir plus de réponses.

En plus, tu pourras mettre [Résolu] dès que ton problème évoqué ici sera réglé.

Merci de prendre le temps de lire les règlements.

probléme avec jquery

Qui est en ligne