2017-04-05 174 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。 –

相關問題