2012-01-12 35 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

也許我不完全理解你的問題,但它聽起來像你只需要知道屏幕上的當前月份?

FullCalendar有一個「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 2012-01-16 08:19:01

+0

不客氣,兄弟;-) – 2012-01-16 21:12:09

+0

嗨,我想加載'December'月Fullcalendar有兩個日期可以在2012年12月14日和15日之間實現。怎麼可能? PLZ幫助我。 Thnx – Frank 2012-10-31 09:10:27

12

這可能是對你有用的功能 「getView」:

要獲得日曆月的第一天:

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

要獲得日曆月的最後一天:

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

要獲得日曆的第一個可見天(上月的最後幾天)

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

要獲得日曆的最後一個可見天:(接下來的第幾天月)

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

+2

$(cal).fullCalendar('getView')。開始給我第一個可見的日子。 – Moebius 2014-12-01 17:41:13

+0

這是v1版本。 .start也不會執行.visStart - http://fullcalendar.io/wiki/Upgrading-to-v2/ – jr19 2016-05-19 09:41:33

+1

要小心,在v3中,它又改變了:https://fullcalendar.io/docs/views/View_Object/ '$('#calendar')。fullCalendar('getView')。intervalStart'爲日曆月的第一天 '$('#calendar')。fullCalendar('getView')。intervalEnd'本月的最後一天 – 2017-06-21 08:14:20

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()); 
    }, 

}); 
相關問題