IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Recuperer le mois sur datepicker


Sujet :

jQuery

  1. #1
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2010
    Messages
    87
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Morbihan (Bretagne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2010
    Messages : 87
    Par défaut Recuperer le mois sur datepicker
    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.

  2. #2
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2010
    Messages
    87
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Morbihan (Bretagne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2010
    Messages : 87
    Par défaut
    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

  3. #3
    Membre éprouvé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2006
    Messages
    985
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Cameroun

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Juillet 2006
    Messages : 985
    Par défaut
    Citation Envoyé par doud180878 Voir le message
    Ceci te retourne quoi exactement ?

  4. #4
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2010
    Messages
    87
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Morbihan (Bretagne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2010
    Messages : 87
    Par défaut
    en fait ca me retourne le mois, mais quand je clique aussi sur la date ca me retourne aussi le mois donc...

  5. #5
    Membre éprouvé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2006
    Messages
    985
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Cameroun

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Juillet 2006
    Messages : 985
    Par défaut
    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];
    });

  6. #6
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2010
    Messages
    87
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Morbihan (Bretagne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2010
    Messages : 87
    Par défaut
    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

  7. #7
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2010
    Messages
    87
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Morbihan (Bretagne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2010
    Messages : 87
    Par défaut
    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>

  8. #8
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    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.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Recuperation d'infos sur le Bios
    Par Djinn dans le forum MFC
    Réponses: 7
    Dernier message: 16/06/2004, 16h13
  2. Réponses: 2
    Dernier message: 26/03/2004, 09h15
  3. [Kylix] aider moi sur kylix
    Par nabs dans le forum EDI
    Réponses: 1
    Dernier message: 19/03/2004, 14h19
  4. recuperer les id sur plusieurs champs
    Par matN59 dans le forum Langage SQL
    Réponses: 4
    Dernier message: 15/03/2004, 10h23
  5. recuperation du mois avec un timestamp
    Par matrxjean1984 dans le forum Requêtes
    Réponses: 3
    Dernier message: 16/10/2003, 14h41

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo