Discussion :

[logone]

Salut,

J'utilise datepicker pour un site que je suis en train de finir mais j'ai une demande particuliere. Datepicker fonctionne nickel

http://jqueryui.com/demos/datepicker/#default

par contre j'aurais besoin de créer 2 boutons (aujourd'hui et demain) à coté du calendrier qui me rentre dans mon champs texte la date du jour ou du lendemain. Vu que je ne connais pas trop ce sript je ne sais pas si c'est faisable.

Merci de votre aide.

[Golgotha]

Bonjour,

Voila la fonction d'un bouton qui permet de mettre la date du jour par exemple.

Code :

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

1
2
3
		$("#today").click(function() {
				$( "#datepicker" ).datepicker( "setDate" , new Date() )
		});

Et pour le jour d'après :

Code :

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

1
2
3
4
5
		$("#today").click(function() {
				date = new Date();
				date.setDate(date.getDate()+1);
				$( "#datepicker" ).datepicker( "setDate" , date );
		});

[logone]

Cool, merci je pense que c'est bien ca mais je ne comprends pas comment appeler la fonction voici ce que j'ai

Code :

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

1
2
3
4
5
6
7
8
9
 
$(function() {
		$( "#datepicker" ).datepicker($.datepicker.regional['fr']);
 
	});
 
	$("#today").click(function() {
				$( "#datepicker" ).datepicker( "setDate" , new Date() )
		});

et j'essaye d'appeler la fonction sur un bouton image comme ça

Code :

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

<a href="#today" id="today"><img src="aujourdhui.gif" alt="Aujourd'hui" width="91" height="24" border="0" /></a>

Merci

[Golgotha]

Voici mon code HTML :

Code :

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

1
2
3
 
<p>Date: <input type="text" id="datepicker"></p>
<button id ="today">today</button>

Et la partie JS en entier :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
	<script>
 
	$(function() {
		$( "#datepicker" ).datepicker();
 
 
		$("#today").click(function() {
				date = new Date();
				$( "#datepicker" ).datepicker( "setDate" , date );
		});
	});
	</script>

[logone]

Merci pour ton aide je pense que ça fonctionne mais je voudrais eviter de soumettre mon formulaire je sais pas si il y a un moyen pour appeler la fonction autrement.

[Bovino]

Et pourquoi le code proposé par Golgotha soumettrait ton formulaire ?
L'as-tu au moins essayé ?

[logone]

Si si je l'ai essaye mais j'ai des verifications sur des champs vides de mon formulaire et du coup je pense que ça le soumet mais tu as raison je vais enlever mes verifications de champs pour voir.

[logone]

UN GRAND MERCIII ça marche,

J'ai juste adpaté voici ce que j'ai fait

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
          <script>
 
	$(function() {
		$( "#datepicker" ).datepicker();
 
 
		$("#today").click(function() {
				date = new Date();
				$( "#datepicker" ).datepicker( "setDate" , date );
		});
 
		$("#tomorrow").click(function() {
				date = new Date();
				date.setDate(date.getDate()+1);
				$( "#datepicker" ).datepicker( "setDate" , date );
		}); 
 
	});
	</script>

et le html

Code :

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

1
2
3
<a href="#today" id="today"><img src="aujourdhui.gif" alt="Aujourd'hui" width="91" height="24" border="0" /></a>
 
<a href="#tomorrow" id="tomorrow"><img src="demain.gif" alt="Demain" width="91" height="24" border="0" /></a>