récupérer la date,le mois et l'année séléctionnée dans le calendrier [Résolu]

[sajodia]

Bonjour,voici mon problème:je voudrais récupérer la date sélectionnée c-a-d l'année,le mois et le jour qui seront sélectionnés pour former une date ex:2011/03/22.

J'ai une fonction js qui prend en paramètres le mois et l'année sélectionnés:

Code :

1
2
3
4
5
getCalendrier: function(annee,mois){
		$.post(baseUrl+'/calendrier/ajaxcalendrier',{mois:mois,annee:annee}, function(data) {
		  $('#calendrier_js').html(data);
        });
	}

J'ai mes jours du mois dans des <span>
<span>1<span>
<span>2<span>
<span>3<span>....

Aidez moi svp!!

[kamclasse]

bonjour, réellement j'ai pas bien comprit votre problème ; mais si vous cherchez un plugin jquery pour les champs de texte date vous pouvez utiliser "datepicker" c'est efficace. je croix que vous utilisez le Zend/Jquery ?

[sajodia]

Oui j'utilise effectivement le zend/jQuery.
Je n'ai pas un chant de texte date mais j'ai calendrier sur lequel je peux défiler par mois.
Et pour chaque mois j'ai une div qui contient des <span> contenant les jours du mois.

Code :

1
2
3
4
5
6
<div>
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>..
</div>

Comment récupérer le jour sélectionné par ex:le 4,et aussi le mois et l'année

[kamclasse]

bonsoir,

vous pouvez tester ce code :

javascript :

Code :

1
2
3
4
5
6
7
8
9
10
11
 
 
$(document).ready(function(){
$('.mois').children('span').click(function() { 
 
			var mois = $(this).parent().attr('id');
			var jour = $(this).attr('class');
 
			alert('le mois est : '+mois+' le jours est : '+jour);
						});
});

le html :

Code :

1
2
3
4
5
6
7
8
9
10
 
 
<div class="mois" id="5">
	mois 5 <br/>
    <span class="1">1</span>
    <span class="2">2</span>
    <span class="3">3</span>
    <span class="4">4</span>
 
</div>

un peut de css:

Code :

1
2
3
4
5
6
7
8
9
 
<style type="text/css">
 
.mois span{
	background-color:#090;
	margin-left:2px;
	cursor:pointer;
}
</style>

je croix que cest ça si j'ai bien comprit, bonne continuation.

[kamclasse]

ou bien :

javascript :

Code :

1
2
3
4
5
6
7
8
9
10
 
$(document).ready(function(){
$('.mois').children('span').click(function() { 
 
			var mois = $(this).parent().attr('id');
			var jour = $(this).text();
 
			alert('le mois est : '+mois+' le jours est : '+jour);
						});
});

html :

Code :

1
2
3
4
5
6
7
8
9
 
<div class="mois" id="5">
	mois 5 <br/>
    <span>1</span>
    <span>2</span>
    <span>3</span>
    <span>4</span>
 
</div>

bon chance.

[sajodia]

super c'est ce que je voulais ça marche!!