FullCalendar : Une gestion complète de calendrier via jQuery
J’ai fais une chouette découverte que je vous fais partager : FullCalendar
FullCalendar est un plugin jQuery qui vous permettra de créer un calendrier complet pour vos applications et sites web.
Ce plugin consiste « simplement » à créer le visuel du calendrier et charger les évènements à afficher (en Ajax).
Entièrement paramétrable, il est possible également de gérer des actions sur les évènements du calendrier via un clic ou un drag & drop.
Malheureusement pour le moment il est impossible de modifier directement des évènements ou même leur titre, mais sa force réside dans quelques extensions disponibles, comme par exemple celle qui permet d’associer le flux calendrier de vos Google Calendar (Google Agenda) afin de les afficher directement sur vos applications web.
Pour ma part je vais étudier le sujet pour pouvoir le connecter à une base de donnée MySQL.
Je ne manquerais pas de vous tenir au courant ici même de l’évolution de ce chouette (et encore jeune) plugin !
Lien annexes :
- Site officiel de FullCalendar
- Page officielle Google Code de FullCalendar (pour les reports de bug, questions/réponses, changelog, …)
Tags : calendrier, fullcalendar, google agenda, google calendar, jquery, plugin
Article posté le Jeudi 30 avril 2009 à 14:25.Classé dans la catégorie JavaScript.




10 mai, 2010 à 15:06 Mozilla Firefox 3.6.3 Windows XP
Bonjour,
Il en est ou de vos essaye ? Avez vous réussis à le connecter à une Base De Donné ?
J’aurai besoin d’aide pour cela si vous avez réussis
Merci
15 mai, 2010 à 14:28 Mozilla Firefox 3.6.3 Windows 7
Bonjour,
J’ai fait des test avec le plugin jQuery avec une base de données MYSQL. J’ai adapté un ancien calendrier vers ce plugin. Fonctionne parfaitement.
Le principe est simple :
- Récupération des données dans la table;
- Traitement des données pour qu’elles soient dans le forme demandée;
- Intégration dans le code JS.
J’ai juste un petit souci, le plugin jQuery refuse plus de 90 évènements. (J’en ai 1500) :unsure:
Aussi non, ma conclusion, Il est possible de travailler avec une DB (juste pour insérer les évènements pas encore tester le reste).
15 mai, 2010 à 17:50 Mozilla Firefox 3.6.3 Windows 7
Bonjour,
Merci de votre réponses !
Serais-t-il possible de vous contactez par email ou skype ou msn ?
Pour avoir de l’aide, si possible !
Merci
Cordialement,
17 mai, 2010 à 18:51 Internet Explorer 8.0 Windows 7
salut ,
Moi aussi je me casse la tete sur FullCalendar j essai d’ajouter une donnee mais je n y arrive pas
si qqun avait une idee
j arrive a l entrer dans ma BDD mais je n arrive pas a m en servir dans le prog
il ne reconnait que l « id » « title » « start » « end » et « allDay »
n y a til pas possibilite de rajouter par ex le lieu
17 mai, 2010 à 19:08 Mozilla Firefox 3.6.3 Windows 7
On m’a donné ce lien pour m’aider (je code en ASP pour l’agenda en tout cas)
JSON : http://code.google.com/p/aspjson/
J’espère qu’il pourra vous aidez également
18 mai, 2010 à 9:03 Mozilla Firefox 3.6.3 Windows 7
Salut,
super ta réactivité mais mon soucis n est pas la sauvegarde des évènements mais de créer un nouvel item comme le « lieu » ou le « descriptif » d un rdv.
j ai deja creer un champs ‘lieu’ dans ma base je suis capable de l alimenter via un un json mais impossible de le ramener depuis la base fullcalendar ne sait pas quoi en faire
18 mai, 2010 à 11:56 Mozilla Firefox 3.6.3 Windows XP
Moi j’ai abandonné FullCalendar, je remarque pour l’utilité que j’ai, il n’est pas adapté ou trop compliqué
Je peux te conseiller : http://github.com/robmonie/jquery-week-calendar (Jquery Week Calendar)
Bonne chance !
21 mai, 2010 à 23:52 Mozilla Firefox 3.6.3 Windows 7
Bonjour,
Voilà il y a du nouveau, il y avait un problème dans l’encode de certains enregistrement dans la DB, c’est pour cela que j’étais limité à 90 enregistrements.
l’
J’arrive à gérer la suppression d’un évènement en cliquant sur l’évènement puis delete. Pour cela je passe par une fonction de jquery qui travaille avec de l’ajax.
La fonction est :
$.get(« calend_modif_even.php »,
{ id: calEvent.id, action: « supprimer », niveauUser: calEvent.niveauUser },
function success(data){
$(‘#calendar’).fullCalendar(‘removeEvents’, function(calEvent2) { return calEvent2.id == calEvent.id });
$dialogContent.dialog(« close »);
}
);
Explication :
la fonction $.get() envoie par get, les variables id,action,niveauUser au script calend_modif_even.php et la fonction success() supprime l’évènement de l’affichage si il y a eu succès de la suppression.
C’est comme « calend_modif_even.php?id=1003&action=supprimer&niveauUser=5″
Tu peux me contacter via cette adresse : iusjzwso2wlw5ah@jetable.com
(Elle est valide 1 semaine cette adresse. C’est pour éviter les spams.)
25 mai, 2010 à 19:51 Mozilla Firefox 3.6.3 Windows 7
Gestion de suppression en cliquant sur l’évènement => OK
Gestion d’ajout en cliquant sur le jour (moi,semaine,jour) => OK
9 juin, 2010 à 10:04 Mozilla Firefox 3.6.3 Windows XP
Bonjour à tous,
J’utilise actuellement ce plugin pour un site que je dois réaliser pour mon école.
Serait-il possible d’avoir un exemple pour la récupération des données dans la base de données ?
Si vous ne pouvez pas, peut-être juste un simple mail d’explications ?
Cordialement
9 juin, 2010 à 10:21 Mozilla Firefox 3.6.3 Windows 7
Bonjour,
voici un exemple :
http://www.hebergementimages.com/image-02b19c2b5a60b7657e7fd6d2252be5e8_MySQL—FullCalendar.png.html
Après dans le JS tu rajoute :
events: eventsList
Je gère le niveau des utilisateurs (peut voir, peut pas voir) > if($user['niveau']['numniveau'] >= $even['rang'])
9 juin, 2010 à 12:13 Mozilla Firefox 3.6.3 Windows 7
Dans js : « var eventsList = ; »
9 juin, 2010 à 12:14 Mozilla Firefox 3.6.3 Windows 7
Dans js : « var eventsList = ; »
9 juin, 2010 à 12:17 Mozilla Firefox 3.6.3 Windows 7
Contacte moi par e-mail, ca sera plus facile :
08yg4y7dueosd4t@jetable.com
(tu recevra ma véritable e-mail par la suite)
10 juillet, 2010 à 13:22 Internet Explorer 8.0 Windows XP
Bonjour,
Dans le cadre d’un projet professionnel nous essayons d’intégrer le Calendrier Week Calendar dans une page PHP, contenant déjà des fonctions Jquery. http://www.developpez.net/forums/d949930/webmasters-developpement-web/javascript/bibliotheques-frameworks/jquery/integrer-weekcalendar-jquery-page/
Après plusieurs recherches, nous nous sommes aperçu que le Calendrier fonctionnait bien sur une page seule, que nous erreurs étaient due (très certainement) aux différentes bibliothèques Jquery dans la page PHP…
Deux questions :
• Avez-vous déjà intégrer Week Calendar Jquery dans une page PHP, dans un environnement existant ? Est-ce possible ? Comment faire cohabiter plusieurs version de Jquery ?
• Connaitriez-vous des exemples de code (JSON)- , montrant le lien entre Week Calendar et Jquery ?
D’avance merci pour vos réponses
Bien Cordialement,