Recuperer le mois sur datepicker

**doud180878** · 17/09/2011, 11h17

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 :

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

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

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

Code :

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

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.

**doud180878** · 17/09/2011, 16h17

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

Code :

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

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

**okoweb** · 17/09/2011, 17h15

Envoyé par doud180878

Code :

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

alert(mois);

Ceci te retourne quoi exactement ?

**doud180878** · 17/09/2011, 18h11

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

**okoweb** · 17/09/2011, 18h32

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
 
//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];
});

**doud180878** · 18/09/2011, 14h01

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

**doud180878** · 24/09/2011, 10h02

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 :

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

[ [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 :

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

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 :

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
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>

**danielhagnoul** · 24/09/2011, 10h54

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.

Recuperer le mois sur datepicker

jQuery

Discussions similaires

Partager

Partager