2017-04-05 12 views
5

पर अपरिभाषित प्रदर्शित किया गया है मैं एक ReactJs घटक पर jQuery fullcalendar का उपयोग कर रहा हूँ।jQuery पूर्ण कैलेंडर शीर्षक

मैं विधि प्रस्तुत करना पर एक <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 
}); 

और यह शीर्षक पर "अनिर्धारित" चरित्र को दर्शाता है। मैं गलत कहां गया? और अपरिभाषित स्ट्रिंग कहां से डीबग करने के लिए?

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 full calendar

वर्तमान में, मैं एक हैक्ड समाधान निम्न को जोड़कर शीर्षक से सभी अपरिभाषित स्ट्रिंग दूर करने के लिए बनाया?

मैं 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"}] 

टिप्पणी: मैं प्रतिक्रिया-big- के पक्ष में jQuery पूर्ण कैलेंडर डंपिंग समाप्त हो गया कैलेंडर।

+0

से ऊपर पेश की गई प्रतीत होती है जब आपको यह अपरिभाषित संदेश दिखाई देने पर ब्राउज़र कंसोल में कोई त्रुटि मिलती है? और क्या आपने कहीं भी शीर्षकफॉर्मेट सेट किया था? https://fullcalendar.io/docs/text/titleFormat/ यदि आपने किया है, तो सुनिश्चित करें कि आपके द्वारा निर्दिष्ट प्रारूप मान्य है। – ADyson

+0

कंसोल पर कोई त्रुटि नहीं है। और यह एक छोटा सा घटक है। मैंने केवल कैलेंडर प्रदर्शित करने के लिए इसका इस्तेमाल किया था, फिर भी शीर्षक प्रारूप पर नहीं .. मैंने इसे शीर्षक पर सेट करने का प्रयास किया है: 'MMMM YYYY', लेकिन कोई भाग्य नहीं .. शीर्षक को डीबग करने के तरीके पर कोई सुराग नहीं है। –

+0

यदि आप ReactJS संदर्भ के बाहर इसका उपयोग करते हैं तो यह ठीक काम करता है? – ADyson

उत्तर

1

पूर्ण कैलेंडर को अपग्रेड करने के बाद मुझे एक ही समस्या हो रही थी, मुझे थोड़ा सा पता चला क्योंकि लगभग एक साल तक सबकुछ ठीक काम कर रहा है और मैंने बिना किसी मुद्दे के पूर्ण कैलेंडर को अपग्रेड किया था, किसी कारण से मुझे इसमें शामिल करना था पेज में moment.js मैं पूर्ण कैलेंडर का उपयोग कर रहा था, देखें कि मैं एक एमवीसी साइट चलाता हूं और पहले मास्टर पेज (_layout.cshtml) moment.js का संदर्भ दे रहा था, अभी सुनिश्चित नहीं है कि यह अब और क्यों काम नहीं करता है, बस एक परीक्षण के रूप में मैंने एक संदर्भ जोड़ा वास्तविक पृष्ठ में पल मैं पूर्ण कैलेंडर का उपयोग करता हूं और अनिश्चितता दूर चला गया और इसी तरह एक और मुद्दा था जिसमें मैं घटनाओं के साथ था।

मेरे मामले में ठीक किया गया था:

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

आपके मामले में यह सिर्फ हो सकता है:

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

मैंने एनपीएम इंस्टॉल के साथ vue में fullcalendar जोड़ा है। मैं तब 'moment.js'' कैसे शामिल करूं? 'आयात' पल 'का उपयोग कर वू में शायद? (वह काम नहीं करता है।) –

-2

मैं fullcalander.js का उपयोग कर के बजाय fullcalendar.min.js के लिए यह समस्या सुलझा नहीं पाया मुझे। हालांकि जांच क्यों नहीं की है।

-1

शायद एक लोकेल समस्या। मैं वही मुद्दा था क्योंकि मैं पीटी-बीआर का उपयोग कर रहा था।

मैं मेरा लाइन

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

को दूर करने और छोड़ने के द्वारा हल

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

+0

ऐसा लगता है कि आपकी प्रतिक्रिया का हिस्सा अनजाने में हटा दिया गया था, तो आप अपना उत्तर संपादित करना चाहेंगे ताकि हम पूरा जवाब देख सकें। –

0

मैं प्रतिक्रिया-बड़े कैलेंडर के पक्ष में jQuery पूर्ण कैलेंडर डंपिंग समाप्त हो गया। jQuery प्रतिक्रिया के साथ अच्छी तरह से खेल नहीं है।

1

v2.6.1 से v3.4 तक fullCalendar.js को अपग्रेड करने के बाद मुझे एक ही समस्या हो रही थी।0

मेरे मामले में जारी करना fullcalendar.js & scheduler.min.jsके बाद moment.js

1

मैं FullCalendar v3.4.0 और FullCalendar-अनुसूचक के साथ एक ही मुद्दा है सहित द्वारा हल एक कोणीय 2 घटक के भीतर v1.6.2। मैं अंतिम कार्य संस्करण fullcalendar v3.1.0 के लिए डाउनग्रेड किया। यह समस्या पूर्ण कैलकेंडर v3.2.0

+0

यह मेरे लिए भी किया, लेकिन फिर वू में। –

संबंधित मुद्दे