पूर्ण कैलेंडर समय अंतराल 1 घंटा होना चाहिए और 6:30

Question

से शुरू होना चाहिए मैंने इस कार्यान्वयन की कोशिश की Full Calendar Implementation।

$("#available_classes_calendar").fullCalendar({ 
     header: { 
      left : 'prev,next', 
      center : 'title' 
      }, 
     defaultView: 'agendaWeek', 
     views:{ 
      agenda:{ 
       allDaySlot: false, 
       minTime: "06:30:00", 
       maxTime: "24:00:00", 
       slotDuration: "00:60:00" 
      } 
     } 
    }); 

इस पूरे दिन कॉलम 6:30 बजे से शुरू होना चाहिए और अंतराल स्लॉट 1 घंटा होना चाहिए।

6:30 बजे 7:30 बजे 8:30 बजे:

तो सभी दिन स्तंभ की तरह दिखना चाहिए। । । 11:30 बजे

मैंने बहुत सारे समाधान की कोशिश की लेकिन इसे प्राप्त करने में सक्षम नहीं।

कृपया मुझे बताएं अगर इसे हल करने के लिए किसी अन्य जानकारी की आवश्यकता है।

धन्यवाद

Answer 1

आपकी समस्या वह जगह है जहां आपने अपना विकल्प रखा है। यह

$("#available_classes_calendar").fullCalendar({ 
    header: { 
     left : 'prev,next', 
     center : 'title' 
     }, 
    defaultView: 'agendaWeek', 
    allDaySlot: false, 
    minTime: "06:30:00", 
    maxTime: "24:00:00", 
    slotDuration: "06:00:01" 
}); 

होना चाहिए 06:30, 07:30 और इतने पर, ऊर्ध्वाधर अक्ष पर, आप slotDuration: "06:30:01" निर्धारित करने की आवश्यकता के प्रदर्शन के बारे में। this jsfiddle पर एक नज़र डालें।

slotDuration पर दूसरी बात ध्यान देने योग्य बात है। इसके बिना, आप आधे घंटे प्रदर्शित नहीं कर पाएंगे।

---

लिए भी आपको "+01" दूसरी जरूरत के रूप में स्पष्टीकरण:

FullCalendar आधे घंटे या जो भी आप चाहते हैं के साथ धुरी का समर्थन करता है, लेकिन आप इस विचित्र बात यह है कि क्या करने की जरूरत। इस के पीछे कारण लाइन 5714 से 5719 के लिए, स्रोत कोड में ही (FullCalendar 2.3.1 के लिए स्रोत देखें) में है:

((!slotNormal || !minutes) ? // if irregular slot duration, or on the hour, then display the time 
    '<span>' + // for matchCellWidths 
     htmlEscape(slotDate.format(this.axisFormat)) + 
    '</span>' : 
    '' 

अब, $slotNormal लाइन 5701 पर परिभाषित किया गया है और यह है:

var slotNormal = this.slotDuration.asMinutes() % 15 === 0; 

तो, यदि आपके पास 30 मिनट का स्लॉट समय है, तो स्थिति गलत होगी और FullCalendar समय प्रदर्शित नहीं करेगा। यह विषय this answer में गहराई से ढंका हुआ है।

एक अतिरिक्त टिप्पणी: आप पूर्ण कैलेंडर v1.5.4 का उपयोग कर रहे हैं जो वास्तव में पुराना है और मैं आपको अपग्रेड करने की सलाह देता हूं। यदि आप अपग्रेड करते हैं, तो याद रखें कि FullCalendar अब momentjs पर निर्भर करता है।

Answer 2

सामान्य रुप से विकल्प है कि आप अंदर डाल views खींच।

यह आपका modified working fiddle है।