2012-06-08 22 views
30

मैं FullCalendar (मूल 'MonthView', इस तरह के स्कूल की छुट्टियों के रूप में लंबे समय तक की घटनाओं को प्रदर्शित करने के लिए आवश्यक से व्युत्पन्न) में एक YearView शुरू कर दिया है, और मैं एक हाथ का उपयोग कर सकता है, तो किसी को भी पहले से ही जिस तरह से घटनाओं से परिचित है एक दृश्य पर प्रदर्शित हो जाओ।वर्ष दृश्य

  1. 'BasicEventRenderer' का उपयोग करना, मैं 'DayEventRenderer' के लिए 'segmentContainer' कैसे पॉप्युलेट करते हैं?
  2. और सक्रिय वर्ष को सीमित करने के लिए मैं डिफ़ॉल्ट दिनांक & समाप्ति तिथि कब प्रारंभ करूं? (शुरुआती महीना बदला जा सकता है, और यह वर्तमान माह और वर्तमान दिन पर हाइलाइट रखने में सक्षम होना अच्छा होगा)। JSON के रूप में http://arshaw.com/fullcalendar/docs/

    लोड हो रहा है घटनाओं:: -

https://github.com/Paulmicha/fullcalendar

पर मेरे GitHub कांटा देखें> उदाहरण फ़ाइल https://github.com/Paulmicha/fullcalendar/blob/master/tests/year-view-test-01.html


enter image description here

+0

मैं उपरोक्त कोड के साथ वर्ष दृश्य में घटनाओं को प्राप्त करने में असमर्थ हूं। कृपया इसके बारे में मदद करें !! – Prabhukiran

+0

क्या कोई हालिया अपडेट है? – Don

+1

वहां पहले से ही yearview के लिए एक कांटा है: https://github.com/tpruvot/fullcalendar/releases –

उत्तर

9

FullCalendar प्रलेखन है http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/

घटना प्रस्तुत: http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/

घटना उदाहरण प्रस्तुत:

fc.fullCalendar('renderEvent', { 
    'id': 1, 
    'title': 'Test Event 1', 
    'start': '2009-11-05T13:15:30Z', 
    'end': '2009-11-05T13:30:00Z' 
}); 

सीमा उपलब्ध महीनों के प्रदर्शन: Fullcalendar limit the display of available months?

+0

आपकी प्रतिक्रिया के लिए धन्यवाद! जब भी मुझे कुछ समय मिलता है तो मैं वापस आऊंगा। – Paul

+0

@ पॉलिमचा - क्या आप इसके लिए अंत में कुछ काम करने में सक्षम थे? इसके वास्तव में क्या मैं :) – kneidels

+1

@paul इम ऊपर कोड के साथ वर्ष को ध्यान में रखते घटनाओं प्राप्त करने में असमर्थ के लिए देख रहा था। कृपया इसके बारे में मदद करें !! – Prabhukiran

1

मुझे लगता है कि अपने यूजर इंटरफेस के लिए एक वैकल्पिक bootstrap-year-calendar होगा। यह आपको पूरे साल को देखने और प्रति दिन एक/एक से अधिक मान जगह है, लेकिन मूल्यों केवल मंडराना पर दिखाई या क्लिक हैं अनुमति देता है।

मेरी ज़रूरत के लिए, यह चाल है।

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