Recuperer le mois sur datepicker

Version imprimable

Bonjour,

j'ai un petit soucis pour récupérer le mois de mon datepicker. En fait je voudrais avoir la possibilité de cliquer sur le mois. Donc pour ca j'ai fait quelque modif du fichier datepicker.js :

Code:

monthHtml += '<a href="#" class="recup_mois" rel="'+ monthNames[drawMonth] + '-' + drawYear +'">' + monthNames[drawMonth] + '' + drawYear + '</a>';

et ensuite je le récupère comme ça :
Code:

1 2 3 4 5 6 7 $('a.recup_mois').click(function (e) { e.preventDefault(); var mois = $("#mois").attr("rel"); alert(mois); //$('#page_output').html(mois); });]
alors a l'affichage de ma page je récupère le mois et l’année. Je clique sur une date j'obtiens ma date, je reclique sur le mois et la plus rien. Je n'arrive plus a récupérer le mois que je sélectionne

Est ce que vous avez une idée, merci.

Bon alors, j'arrive à sélectionner le jour normal, le mois ( j'obtiens le tout : le mois l'année, le jour ),

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
		$(document).ready(function(){
  			$( "#datepicker" ).datepicker({
  			onSelect: function(){
            var day1 = $("#datepicker").datepicker('getDate').getDate();
            var month1 = $("#datepicker").datepicker('getDate').getMonth() + 1;
            var year1 = $("#datepicker").datepicker('getDate').getFullYear();
            var ref = $("#mois").attr("rel");
 
            alert(ref);
            var fullDate = year1 + "-" + month1 + "-" + day1 + "-" + ref ;
            var str_output = fullDate;
           // var mois = $("span").attr("rel");
           // alert(mois);

mais je n'arrive pas a dissocier le mois et le jour

17/09/2011, 17h15
okoweb

Citation:

Envoyé par doud180878

Code:

alert(mois);

Ceci te retourne quoi exactement ?
17/09/2011, 18h11
doud180878

en fait ca me retourne le mois, mais quand je clique aussi sur la date ca me retourne aussi le mois donc...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
//Champ date HTML
<input name="date1" id="date1" class="date-pick" />
 
//Javascript
$(function()
{
	$('#date1').datePicker();
        //Après choix d'une date
        var date1 = $('#date1').val();//23/09/2011
        dateArray  = date1.split('/');
        var jour = dateArray[0];
        var mois = dateArray[1];
        var annee = dateArray[2];
});

18/09/2011, 14h01
doud180878

Merci mais en fait ce n'est pas tout a fait ça mon problème.

En fait j'ai un datepicker (inline) dans ma page et quand je clique sur un jour j'arrive a récupérer le jour, le mois et l'année.

Jusque là nikel.

Ce que je voudrais réussir à faire c'est cliquer sur le mois et le numéro de la semaine et recuperer le mois et l'année seulement et pour l'autre le numero de la semaine et l'année pour ensuite l'envoyer a une autre page en php , traiter les infos, les récupére et les afficher.

Voila mon soucis. Merci

Alors après quelques jours de réflexion et avec votre aide j'ai réussi à faire passer mes événements sur mon calendrier.

J'ai tout d'abord résolu le probleme de récupération de date dans mon datepicker. Je le recevais comme ca : [ [5, 11, 2011], [[5, 11, 2011], ]

Code:

[ [5, 11, 2011], [[5, 11, 2011], ]

avec la virgule a la fin.

IE n'aime pas donc je l'ai enlevé avec un fonction php toute bête.

Code:

1
2
// j'enleve la derniere virgule des dates
$date = substr($date, 0, -2);

et ensuite c'est nikel mon calendrier apparait dans ma sidebar et mes événement apparaisse dessus donc administrable.

Quand je clique dessus j'ai mon événement qui apparait dans ma page.

Voila le code pour ce que ca interresse :

Code:

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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
	<script type="text/javascript">
 
			 // je stocke les dates des evenements dans une variable
	   		var joursEvenement = {affich_date};
 
			// je crée une fonction pour afficher mon calendrier avec les nouvelles dates
			function creerCalendrier(date)
		    {
				var evenement = false ;
 
				if (joursEvenement != null) {
					for (i = 0; i < joursEvenement.length; i++) {
						if (date.getMonth() == joursEvenement[i][0] - 1 && date.getDate() == joursEvenement[i][1] && date.getFullYear() == joursEvenement[i][2]) {
						    evenement = true;
						}
					}
				}
				// je met une classe pour les dates sélectionnées + evenement
				if (evenement) return [true, 'css_jour_evenement',"Evènement"];
				else return [false, ' '] ;
			}
			// on affiche le calendrier
			$("#datepicker").datepicker
		    ({
		    	// je récupere le calendrier
				beforeShowDay: creerCalendrier,
 
		        // On sélection le jour le mois et l'année
		        onSelect: function()
		        {
		            var day1 = $("#datepicker").datepicker('getDate').getDate();
		            var month1 = $("#datepicker").datepicker('getDate').getMonth() + 1;
		            var year1 = $("#datepicker").datepicker('getDate').getFullYear();
 
		            // Je met la date en html
		            var fullDate = year1 + "-" + month1 + "-" + day1;
		            //var str_output = fullDate;
 
		            // J'envoie la date sectionner dans mon fichier php
		            $.ajax(
		            {
		                type: "POST",
		                url: "/requete_agenda.php",
		                data: "date=" + fullDate,
		                success: function (data)
		                {
 
		                //J'affiche le contenu'
		                    $('#contenu').html(data);
		                }
		            });
		       }
			});
			// les pages pécédentes
			$('a.prev').click(function (e)
			{
				e.preventDefault();
				var id = $(this).attr("rel");
				 // on demande une confirmation
				  $.ajax(
					{
						type: "POST",
						url: "/requete_agenda.php",
						data: "prev=" + id,
						success: function (data)
						{
							 $('#contenu').html(data);
						},
					});
			});
			// les pages suivantes
			$('a.suiv').click(function (e)
			{
				e.preventDefault();
				var id = $(this).attr("rel");
				 // on demande une confirmation
				  $.ajax(
					{
						type: "POST",
						url: "/requete_agenda.php",
						data: "suiv=" + id,
						success: function (data)
						{
							 $('#contenu').html(data);
						},
					});
			});
 
            // Voir le mois en cours
			$('a.Vmois').click(function (e)
			{
				e.preventDefault();
				var id = $(this).attr("rel");
				 // on demande une confirmation
				  $.ajax(
					{
						type: "POST",
						url: "/requete_agenda.php",
						data: "mois=" + id,
						success: function (data)
						{
							 $('#contenu').html(data);
						},
					});
			});
		});
		</script>

24/09/2011, 10h54
danielhagnoul

Bonjour

onSelect : http://jqueryui.com/demos/datepicker/#event-onSelect

Cet événement offre le paramètre dateText, il contient la date dans le format choisi avec l'option http://jqueryui.com/demos/datepicker/#option-dateFormat ou "yy-mm-dd" par défaut.