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 :

Fullcalendar, récupérer la date sélectionnée


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2007
    Messages
    76
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 76
    Par défaut Fullcalendar, récupérer la date sélectionnée
    Bien le bonjour!!
    Je viens à vous car j'ai un souci, que je galère à résoudre!!!

    J'utlise le plugin fullcalendar en jquery :
    http://arshaw.com/fullcalendar/

    Le principe est que j'ai deux calendriers. L'un pour une date de départ et l'autre pour une date de fin.
    Le premier est affiché de base, le second est caché (il n’apparaît que quand on a sélectionné une date sur le premier). Tout cela fonctionne impec.

    MAIS j'aimerai sélectionner de base, sur le second calendrier, la date choisie sur le premier. Vous me suivez? :p En gros on sélectionne le 05 janvier 2015 sur le premier. Le second apparaît et par défaut j'aimerai qu'il soit sur le 05 janvier 2015.

    MAIS je n'arrive pas à récupérer la date du premier calendrier via une méthode du genre :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var selectDate = $('#agenda').fullCalendar('getSelectedDate');
    getSelectedDate n'existe pas, mais c'est pour imager ce que j'aimerai faire. Afin que je puisse récupérer où bon me semble la date de mon fichu premier calendrier!

    Je ne poste pas le code du calendrier car tout fonctionne, c'est juste que je n'arrive pas à récupérer la date sélectionnée quand je suis en dehors de :

    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
    $('#agenda').fullCalendar({
    	header: {
    		left: 'next today',
    		center: 'title',
    		right: ''
    	},
    	/*year: 2015,
    	month: 1,
    	date: 25,*/
    	selectable: true,
    	select: function(start, end, allDay) {
            /* ....................... */
            });
    });
    /* Dans l'absolue j'aimerai avoir un code du genre : 
    $('#date_btn'').click(function() {									
            var selectedDate = $('#calendrier').fullCalendar('getSelectedDate');
            // et que selectedDate me retourne la date sélectionnée dans mon  $('#calendrier').fullCalendar
    });*/
    Si vous avez une idée, ou si vous avez trouvé une méthode que je n'aurai pas vu malgré ma recherche intensive je suis preneur!!!

    Merci d'avance

  2. #2
    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
    Bonsoir

    Je ne connais pas bien le plugin, mais "getDate" ne suffit pas ?

    Voir : http://arshaw.com/fullcalendar/docs/..._date/getDate/

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

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2007
    Messages
    76
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 76
    Par défaut
    Bonsoir,

    getDate, me renvoie que la date courante (du jour). Je l'utilise peut-être mal car je ne vois pas à quoi ça sert de renvoyer la date du jours... Mais je n'ai pas trouvé comment faire autrement!

    Merci de l'aide

  4. #4
    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
    Bonsoir

    Comme je le disais plus haut, je ne connais pas bien et je cherche avec vous.

    Je pensais que getDate retournait peut être la dernière date sélectionnée, mais je n'ai pas le temps de faire les tests.

    Et dayClick ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    $('#calendar').fullCalendar({
        dayClick: function() {
            alert('a day has been clicked!');
        }
    });

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

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2007
    Messages
    76
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2007
    Messages : 76
    Par défaut
    Bonjour,

    dayClick permet en effet de récupérer la date sélectionnée quand on clique sur le calendrier . C'est d'ailleurs ce que j'utilise. Mais ce que je n'arrive pas à faire c'est de récupérer la date sélectionnée en dehors de :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    $('#calendar').fullCalendar({
        dayClick: function() {
            alert('a day has been clicked!');
        }
    });
    L'enquête continue :p

  6. #6
    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

    Rien n'empêche de stocker la dernière date cliquée dans une variable extérieure interrogeable et utilisable à tout moment.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    // la date du jour par défaut
    var lastSelectedDate = new Date();
     
    // http://arshaw.com/fullcalendar/docs/mouse/dayClick/
    $('#calendar').fullCalendar({
        dayClick: function(date, allDay, jsEvent, view) {
            lastSelectedDate = date;
        }
    });

    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. [Débutant] Récupérer la date sélectionnée dans un contrôle Calendar
    Par Afaf001 dans le forum ASP.NET
    Réponses: 1
    Dernier message: 21/08/2013, 13h06
  2. Récupérer date sélectionnée de JCalendar
    Par bingo06260 dans le forum Débuter
    Réponses: 16
    Dernier message: 08/11/2012, 15h47
  3. Réponses: 3
    Dernier message: 28/02/2010, 23h58
  4. récupérer date sélectionnée de JDateChooser
    Par claire13 dans le forum Collection et Stream
    Réponses: 3
    Dernier message: 22/04/2008, 21h50
  5. Réponses: 2
    Dernier message: 13/11/2003, 15h13

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