Creation d'un agenda en js

12 décembre 2023 à 12:12:51

Bonjour,

Je vous donne le contexte ,je souhaite créer un planning pour une semaine dans une école. Je souhaiterais le créer avec une bibliothèque JavaScript de manière à avoir un tableau avec les jours de la semaine en haut et les heures en colonnes (par exemple : 8h-9h, 9h-10h, etc.). Et intégrer mes données depuis le JavaScript.

Quelle est la meilleure bibliothèque à utiliser ? Merci d'avance.

AbcAbc6

12 décembre 2023 à 12:26:41

Bonjour, la meilleure je ne sais pas, mais il y a https://fullcalendar.io/

-
Edité par AbcAbc6 12 décembre 2023 à 12:26:58

ZimoIkn

12 décembre 2023 à 13:16:25

merci beaucoup pour la reponse, mais je crois que je ne peux pas faire un truc d'une semaine seulement comme je voudrais faire

Lamecarlate

12 décembre 2023 à 13:22:06

Sur le premier exemple du site de démo, tu as un bouton "week" en haut à droite. Et tu peux faire de la semaine la vue par défaut via initialView.

Pas d'aide concernant le code par MP, le forum est là pour ça :)

Diatomée

12 décembre 2023 à 15:14:16

Bonjour. Pourquoi ne pas créer une fonction planning et l'utiliser ainsi ?

planning(
  [ // lundi
    ['8-9', 'Maths'],
    ['9-11', 'Dessin'],
    ['11-12', 'Sport']
  ],
  [ // mardi
    ['10-12', 'Musique'],
    ['13-15', 'Français'],
    ['15-17', 'Biologie']
  ],
  [], // mercredi (rien)
  [ // jeudi
    ['8-9', 'Maths'],
    ['9-11', 'Espéranto'],
    ['11-12', 'Sport'],
    ['14-17', 'Bricolage']
  ],
  [ // vendredi
    ['10-12', 'Français'],
    ['13-15', 'Maths'],
    ['15-16', 'Danse']
  ],
  [ // samedi
    ['9-11', 'Jeux (facultatif)']
  ]
)

À partir de ça, on pourrait obtenir un planning sous forme de <table> HTML et c'est très facile à remplir.

-
Edité par Diatomée 12 décembre 2023 à 16:44:04

Nodo : Bibliothèque JS pour manipuler le DOM facilement.