jQuery fullCalendar在标题上显示未定义

Question

我在ReactJs组件上使用jQuery fullcalendar。

我有一个 <div id="calendar"></div>渲染方法

在componentDidUpdate上，我使用以下代码更新了日历：

$('#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
});

并且标题上显示“ undefined”字符。我哪里做错了？以及如何调试未定义字符串的来源？

目前，我提出了一种被黑客入侵的解决方案，通过添加以下内容来删除标题中所有未定义的字符串：

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'), ""); ;

},

有没有更好的解决方案？

我正在使用jQuery FullCalendar v2.9.1

有关事件的以下示例数据：

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

注意：我最终转储了jQuery的完整日历，转而使用react-big-calendar。

Answer 1

升级fullCalendar之后，我遇到了同样的问题，我花了点时间弄清楚，因为近一年来一切都运行良好，并且过去升级过fullCalendar时没有任何问题，出于某种原因，我不得不moment.js在页面中添加正在使用fullCalendar，请参阅我运行的是MVC网站，并且以前是母版页（_layout.cshtml）的引用moment.js，现在不知道为什么它不再起作用了，就像我在实际使用的页面中添加了对moment的引用的测试一样fullCalendar和undefindundefined消失了，所以我遇到的另一个事件也是如此。

就我而言，解决方法是：

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

在您的情况下，可能只是：

<script src='//cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js'></script>