2012-01-12 16 views
11

हम डेटाबेस से घटनाओं को प्रदर्शित करने के लिए jQuery पूर्ण कैलेंडर का उपयोग कर रहे हैं।jQuery पूर्ण कैलेंडर में चयनित महीने कैसे प्राप्त करें?

मुझे चयनित माह onchange के अनुसार कैलेंडर के नीचे की घटनाओं को प्रदर्शित करने की आवश्यकता है। मैं ईवेंट की तारीख के अनुसार डेटा प्राप्त कर सकता हूं लेकिन मुझे jQuery कैलेंडर में उपयोगकर्ता चयनित माह नहीं मिल सकता है।

$('#calendar').fullCalendar({ 
    theme: true, 
    header: { 

     left: 'today', 
     center: 'prevYear,prev,title, next,nextYear', 
     right: ' month,agendaWeek,agendaDay' 
    }, 
    buttonText: { 
     prevYear: 'Prev' 
    }, 
    editable: false, 
    events: [ 
    <?php foreach ($edumeet_invite_det as $key => $edumeet_det): ?> 
    <?php $edumeet_start = $edumeet_det->getFromDate(); ?> 
    <?php $edumeet_end = $edumeet_det->getToDate(); ?> 
    <?php $title = $edumeet_det->getTitle(); ?> 
     { 
      title:'<?php echo $title; ?>', 
      start:'<?php echo $edumeet_start ?>', 
      end:'<?php echo $edumeet_end ?>', 
      allDay: false 
     }, 
    <?php endforeach; ?> 
     ], 

    eventColor: '#378006',  
}); 

इस कैलेंडर समारोह मैं उपयोग कर रहा हूँ है, मैं उपयोगकर्ता चयनित महीने onchange प्राप्त करने की आवश्यकता। क्या किसी को इस समस्या का समाधान है?

उत्तर

23

शायद मैं आपके quesiton को पूरी तरह से समझ नहीं पा रहा हूं, लेकिन ऐसा लगता है कि आपको स्क्रीन पर वर्तमान माह को जानने की आवश्यकता है?

पूर्ण कैलेंडर में "getDate" विधि है।

function getMonth(){ 
    var date = $("#calendar").fullCalendar('getDate'); 
    var month_int = date.getMonth(); 
    //you now have the visible month as an integer from 0-11 
} 

क्षमा करें अगर यह आप नहीं पूछ रहे थे।

+1

हाँ मैट, इस क्या तलाश कर रहा हूँ और मैं ... धन्यवाद दोस्त ... – Pushparaj

+0

आपका स्वागत है, भाई ;-) –

+0

अरे दोस्तों, मैं चाहता हूँ लोड 'Fullcalendar में December' महीने जवाब मिल गया 2 तिथियों के साथ 14, 15 दिसंबर 2012 को सक्षम बनाता है। यह कैसे संभव है? कृपया मेरी मदद करो। Thnx – Frank

12

समारोह "getView" जो आप के लिए उपयोगी हो सकता है:

प्राप्त करने के लिए कैलेंडर माह के पहले दिन:

$(cal).fullCalendar('getView').start

प्राप्त करने के लिए कैलेंडर माह का अंतिम दिन:

$(cal).fullCalendar('getView').end

कैलेंडर का पहला दृश्य दिन पाने के लिए: अगले के पहले कुछ दिनों (: (पिछले महीने के अंतिम कुछ दिनों)

$(cal).fullCalendar('getView').visStart

कैलेंडर के अंतिम दिखाई दिन प्राप्त करने के लिए महीने)

$(cal).fullCalendar('getView').visEnd

+2

$ (cal) में केवल' दिसंबर 'महीने लोड करने का कोई विचार .fullCalendar (' getView ')। मुझे पहला दृश्य दिन शुरू करें। – Moebius

+0

यह v1 के लिए है। .start और न ही .visStart - http://fullcalendar.io/wiki/Upgrading-to-v2/ – jr19

+1

सावधान रहें, v3 के साथ, यह फिर से बदल गया है: https://fullcalendar.io/docs/views/View_Object/ '$ ('# कैलेंडर')। पूर्ण कैलेंडर ('getView')। कैलेंडर माह के पहले दिन के लिए intervalStart' ' $ ('# कैलेंडर')। पूर्ण कैलेंडर ('getView')। IntervalEnd' के बाद के दिन महीने के आखिरी दिन –

0

तरीके तारीख मिल रहे हैं और नीचे एक जहाँ you can do it when you initialize the calendar है, का उपयोग करके आप तारीख, महीने हो और कर सकते हैं कि साल अलग से।

$('#calendar').fullCalendar({ 

    dayClick: function(date, jsEvent, view) { 
     alert('Clicked on: ' + date.getDate()+"/"+date.getMonth()+"/"+date.getFullYear()); 
    }, 

}); 
संबंधित मुद्दे