2017-04-05 176 views
5

我在ReactJs组件上使用jQuery fullcalendar。jQuery fullCalendar在标题上显示为undefined

我对渲染方法<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 
}); 

,它显示在标题为“不确定”的性格。 我哪里错了? 以及如何调试未定义的字符串来自哪里?

jquery full calendar

目前, 我做了被攻击的解决方案,通过增加从标题中移除所有未定义的字符串如下:

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的完整的日历日历。

+0

要介绍你得到在浏览器控制台的任何错误,当这个不确定的消息出现?你有没有在任何地方设置titleFormat? https://fullcalendar.io/docs/text/titleFormat/如果确实如此,请确保您指定的格式有效。 – ADyson

+0

控制台上没有错误。它是一个小部件。我只用它来显示日历,所以仍然没有标题格式..我试图将其设置为titleFormat:'MMMM YYYY',但没有运气..没有线索如何调试标题。 –

+0

如果您在ReactJS上下文之外使用它,它可以正常工作吗? – ADyson

回答

1

升级完fullCalendar后,我遇到了同样的问题,花了我一点时间,因为在将近一年的时间里,一切工作都正常,我过去没有任何问题升级过fullCalendar,出于某种原因,我必须包括moment.js在我使用fullCalendar的页面上,看到我运行了一个MVC站点,之前是母版页(_layout.cshtml)引用了moment.js,现在还不确定为什么这样不起作用,就像我添加了一个引用在我使用fullCalendar和undefindundefined的实际页面中的时刻消失了,我遇到的另一个问题是事件。

在我的情况下,修正为:

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

你的情况很可能只是:

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

我已经用npm install在vue中添加了fullcalendar。那么我将如何包括'moment.js'?在Vue中使用'import'moment''也许? (那个不起作用。) –

-2

我发现使用fullcalander.js而不是fullcalendar.min.js固定这个问题我。还没有调查为什么。

-1

可能是一个区域设置问题。我有和使用pt-br相同的问题。

我通过删除线

<script src='../fullcalendar.min.js'></script>

和离开解决矿山

<script src='../fullcalendar.js'></script>

+0

看起来您的回复的一部分被无意中删除了,您可能想编辑您的答案,以便我们可以看到整个答案。 –

0

我结束了有利于反应,大日历倾销jQuery的完整的日历。 jQuery与反应并不配合。

1

将fullCalendar.js从v2.6.1升级到v3.4后,我遇到了同样的问题。0

在我的情况下,通过发行包括fullcalendar.js & scheduler.min.js moment.js

1

我有fullcalendar v3.4.0和fullcalendar调度同样的问题后解决在Angular2组件中的v1.6.2。我降级到最后运作的版本fullcalendar v3.1.0。这个问题似乎上述fullcalendar V3.2.0

+0

也为我做了,但后来在Vue。 –

相关问题