Discussion :

[lostsoul]

Bonjour,

Je développe quelques pages web et je voulais intégrer un agenda dedans. Le but est de pouvoir y enregistrer des événements.
J'ai trouvé calendar.js :
https://calendar-js.com/

J'arrive à l'afficher et ajouter des événements, mais je voudrais que lorsqu'on clique sur le bouton d'ajout d'un événement, ont puisse enregistrer les informations de cet événement pour, par exemple, les enregistrer en base de données. Ou qu'à chaque événement ajouté, un export se fasse et que le fichier soit enregistré sur le serveur.

Mais je n'arrive pas à récupérer les informations de l'événement que j'ajoute ou de tout le calendrier. Je ne sais pas du tout comment m'y prendre.
Si quelqu'un pouvait me donner quelques petits conseils, ce serait vraiment sympa, je bloque la-dessus depuis un bon moment.

Voilà le code tout bête qu'il faut pour afficher un calendrier :

Code html :

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
    <div>
        <div id="calendar1" style="max-width: 100%;"></div>
        <br />
    </div>
 
    <script>
        var calendarInstance1 = new calendarJs("calendar1", __TRANSLATION_OPTIONS, {
            lang: "fr",
            exportEventsEnabled: true,
            useLocalStorageForEvents: true,
            useAmPmForTimeDisplays: true,
            events: {
                onEventsExported: function(events) {
                    console.log(events);
                },
                onEventsLoaded: function(events) {
                    console.log('Événements chargés:', events);
                }
            }
        });
 
        // Crée un nouvel événement
        var event1 = {
            from: new Date(),
            to: new Date(new Date().getTime() + 3600000),
            title: "Nouvel événement",
            description: "Description du nouvel événement."
        };
 
    </script>

Merci d'avance ;-)

Patrice

[mathieu]

regardez dans la documentation là :
https://calendar-js.com/documentatio...-triggers.html
il y a plusieurs évènements javascript suivant qu'un évènement du calendrier est ajouté, modifié, etc.

[lostsoul]

Merci de l'aide.
J'ai vu la documentation, malheureusement, je n'arrive pas à mettre ça en place.
J'ai jamais utilisé de lib externe, et je n'arrive pas à comprendre bien comment l'utiliser. Il faudrait oneventadd pour ensuite faire un export mais je ne sais pas comment m'y prendre.
Avec le code de départ de l'agenda, je ne sais pas comment ajouter des actions sur l'agenda.

[mathieu]

vous faites la même chose que ce qu'il y a déjà dans votre code pour "onEventsExported" et comme cela vous verrez par exemple ce que vous récupérer comme données lors de l'ajout d'un évènement.

[lostsoul]

J'ai finalement réussi à faire ce que je voulais, mais ça a été laborieux ;-)