0
232
ViewsjQuery fullCalendar se muestra indefinido en el título
estoy usando jQuery fullcalendar en un componente ReactJs.
tengo un <div id="calendar"></div> en el método de renderizado
y en componentDidUpdate, actualicé el calendario con los siguientes códigos:
$('#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 });y muestra el carácter "indefinido" en el título. ¿Qué hice mal? y cómo depurar de dónde vino la cadena indefinida?
actualmente, hice una solución pirateada para eliminar todas las cadenas indefinidas del título agregando lo siguiente:
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'), ""); ; },¿Hay alguna solución mejor?
estoy usando jquery FullCalendar v2.9.1
con los siguientes datos de muestra sobre los eventos:
[{"start":"2017-03-24T00:00:00.000Z","end":"2017-03-26T00:00:00.000Z","title":"Open house","description":"Bali 1 open house"}]nota: terminé tirando el jquery full calendar a favor de react-big-calendar.
3 answers
Answer question0
Tuve el mismo problema después de actualizar fullCalendar, me tomó un poco darme cuenta porque durante casi un año todo funcionó bien y actualicé fullCalendar en el pasado sin ningún problema, por alguna razón tuve que incluir moment.js en la página en la que estaba usando fullCalendar, veo que ejecuto un sitio MVC y anteriormente la página maestra ( _layout.cshtml ) hacía referencia moment.js , no estoy seguro en este momento por qué eso ya no funciona, solo como una prueba agregué un la referencia al momento en la página real que uso fullCalendar y el undefindundefined desapareció y también otro problema que estaba teniendo con los eventos.
En mi caso la solución fue:
@Scripts.Render("~/bundles/dates")en tu caso puede ser simplemente:
<script src='//cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js'></script>0
Estaba teniendo el mismo problema después de actualizar fullCalendar.js de v2.6.1 a v3.4.0
En mi caso, el problema se resolvió al incluir fullcalendar.js y scheduler.min.js después de moment.js
0
Tengo el mismo problema con fullcalendar v3.4.0 y fullcalendar-scheduler v1.6.2 dentro de un componente Angular2. Bajé a la última versión funcional fullcalendar v3.1.0. Este problema parece haberse introducido por encima de fullcalendar v3.2.0