jQuery fullCalendar affiché non défini sur le titre

J’utilise jQuery fullcalendar sur un composant ReactJs.

J’ai un

sur la méthode de rendu

et sur composantDidUpdate, j’ai mis à jour le calendrier avec les codes suivants:

 $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, events: _this.state.events, defaultView:'month', displayEventTime: false, editable: false, droppable: false, durationEditable: false });

et il montre le caractère “non défini” sur le titre. où me suis-je trompé? et comment déboguer d’où vient la chaîne indéfinie?

jquery calendrier complet

actuellement, j’ai créé une solution piratée pour supprimer toutes les chaînes non définies du titre en ajoutant les éléments suivants:

 viewRender: function(view, element) { //note: this is a hack, i don't know why the view title keep showing "undefined" text in it. //probably bugs in jquery fullcalendar $('.fc-center')[0].children[0].innerText = view.title.replace(new RegExp("undefined", 'g'), ""); ; },

Y a-t-il une meilleure solution?

J’utilise jquery FullCalendar v2.9.1

avec les exemples de données suivants sur les événements:

 [{"start":"2017-03-24T00:00:00.000Z","end":"2017-03-26T00:00:00.000Z","title":"Open house","description":"Bali 1 open house"}]

remarque: j’ai fini par vider le calendrier complet de jQuery en faveur de react-big-calendar.

J’avais le même problème après avoir mis à jour fullCalendar, cela m’a pris un peu pour comprendre, car tout a bien fonctionné et j’ai mis à niveau fullCalendar par le passé sans problème, pour une raison quelconque, je devais inclure moment.js la page sur laquelle j’utilisais fullCalendar, voir Je gère un site MVC et précédemment, la page maître ( _layout.cshtml ) faisait référence à moment.js . Je ne savais pas trop en ce moment pourquoi cela ne fonctionnait plus. référence à moment dans la page actuelle J’utilise fullCalendar et l’indéfini est parti, tout comme un autre problème que j’avais avec les événements.

Dans mon cas, le correctif était:

 @Scripts.Render("~/bundles/dates")

dans votre cas, cela peut simplement être:

J’avais le même problème après la mise à niveau de fullCalendar.js de v2.6.1 à v3.4.0

Dans mon cas, le problème a été résolu en incluant fullcalendar.js et scheduler.min.js après moment.js.

J’ai le même problème avec fullcalendar v3.4.0 et fullcalendar-scheduler v1.6.2 dans un composant Angular2. J’ai rétrogradé à la dernière version fonctionnelle fullcalendar v3.1.0. Ce problème semble être introduit au-dessus de fullcalendar v3.2.0

J’ai fini par vider le calendrier complet de jQuery en faveur de react-big-calendar. jQuery ne joue pas bien avec react.

J’avais le même problème, mais pour moi, il ne s’agissait pas d’un moment.

J’utilise node_modules et la séquence de chargement était comme ça:

 require('fullcalendar'); require('fullcalendar-scheduler');

Mais, après plus de recherche, j’ai constaté que fullcalendar-scheduler chargeait déjà le module fullcalendar. Il me restait donc à garder le planificateur. Tout fonctionne correctement:

 require('fullcalendar-scheduler');

Probablement un problème de localisation. J’ai eu le même problème que j’utilisais pt-br.

J’ai résolu le mien en enlevant la ligne

et en laissant le

J’ai trouvé en utilisant fullcalander.js plutôt que fullcalendar.min.js résolu ce problème pour moi. Je n’ai pas cherché à savoir pourquoi.

Enlève ça:

et inclure dans votre code de calendrier complet:

 $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, locale: 'es', });