Discussion :

[zerros]

Bonjour,

J'essaie d'implémenter un datepicker dans mon application, et je suis confronté à un souci. En réalité, j'ai un formulaire qui est composé de 3 champs texte comportant des dates. Je voudrai les remplir avec un datepicker.

J'ai donc ajouter les lib .js, et css qu'il faut pour que ca fonctionne, et ca marche. Le problème, c'est que ca ne fonctionne que sur le premier champ. J'ai bien compris que ça doit venir de l'id de mon champ que je dois passer en paramètre à la fonction, mais je ne vois pas comment faire. Voilà mon code :

dans le head :

Code :

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

1
2
3
4
5
6
7
8
9
10
<link href="templates/{TPL}/css/jquery-ui.css" rel="stylesheet" type="text/css"/>		
<script src="templates/{TPL}/js/jquery.min.js"></script>
<script src="templates/{TPL}/js/jquery-ui.min.js"></script>
<script type="text/javascript">
	$(function() {
		$( "#datepicker" ).datepicker({
			dateFormat: 'dd-mm-yy'
		});
	});
</script>

Et le body :

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
<form name="dForm" onsubmit="return ValidatedForm()">
							<table>
								<tr>
									<td>Date de début</td>
									<td>:</td>
									<td><input type="text" id="datepicker" class="text" name="dstart" value="" /></td>
								</tr>
								<tr>
									<td>Date de fin</td>
									<td>:</td>
									<td><input type="text" id="datepicker" class="text" name="dend" value="" /></td>
								</tr>
								<tr>
									<td></td>
									<td></td>
									<td><input type="submit" class="bouton" value="Rechercher" /></td>
								</tr>
							</table>
							</form>

Si vous avez une idée, je suis preneur.

[HwRZxLc4]

Salut,

#datepicker est un ID donc unique

Pour que ça fonctionne, passe en class ou alors (oui je sais je vais me faire taper) crée 3 ID

[zerros]

Merci. j'ai finalement résolu mon problème en créant 3 id différents comme dit plus haut.

[symff]

Salut !

J'ai eu exactement le même problème que toi aujourd'hui et j'ai pas réussi à le résoudre, je vais l'utiliser peut-être pas mal de fois dans ma page donc je ne veux pas faire plein de id différents.

Voilà ce que j'ai testé

Code :

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

1
2
3
4
5
6
 
<script type="text/javascript">
       $(function() {
      	    $('.dateRdv').datepick();
      	}) ;
</script>

Et

Code :

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

1
2
<input type="text" name="dateRdv" class="dateRdv" maxlength="50" value="" />
<input type="text" name="dateRdv2" class="dateRdv" maxlength="50" value="" />

Et j'ai plus rien qui s'affiche, enfin il n'y a plus aucun calendrier qui s'affiche.

Qqun a une idée svp?

Merci d'avance

[symff]

En fait ça marche ! =D

[danielhagnoul]

Bonjour.

Solution « économique » : un seul UI Datepicker et une classe datepicker.

Code :

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

1
2
3
$(".datepicker").datepicker({
	dateFormat: 'dd-mm-yy'
});

Code :

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

<input type="text" class="text datepicker" name="dstart" value="" />

Code :

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

<input type="text" class="text datepicker" name="dend" value="" />

@symff : $('.dateRdv').datepicker();