web-dev-qa-db-fra.com

Comment créer un planning hebdomadaire dynamique en HTML et Javascript?

Il est simple de créer une disposition basée sur un tableau pour un calendrier hebdomadaire avec 7 colonnes pour chaque jour de la semaine et différentes lignes pour chaque heure de la semaine. Je n'ai aucun problème à créer cela. La partie difficile consiste à remplir ce tableau avec des "événements" quotidiens de manière dynamique (je ne sais même pas comment je ferais cela statiquement).

L'utilisateur aura accès à une liste d '"événements" qu'il souhaiterait ajouter à son horaire hebdomadaire. Et ils doivent être ajoutés dynamiquement à la page Web. Chaque événement a une heure de début et de fin spécifique et peut se produire plus d'un jour de la semaine. Je ne sais pas comment je pourrais éventuellement ajouter ces "événements" à la disposition de ma table sans entrer dans un tas de problèmes d'envergure (beaucoup d'événements sont de différentes longueurs et s'étendent sur des heures différentes). Ce serait facile si chaque événement durait toujours 1 heure, mais ce n'est pas le cas.

Je pensais faire de chaque jour une table respective avec une colonne d'heures cachée. J'ai toujours l'impression que cela entraînera un énorme gâchis. Des idées?

15
whoabackoff

Pourquoi réinventer la roue?

Je pense que cela couvre toutes vos préoccupations.

http://arshaw.com/fullcalendar/

25
Brandon Boone