2012-01-12 10 views
11

Chúng tôi đang sử dụng lịch đầy đủ của jQuery để hiển thị các sự kiện từ cơ sở dữ liệu.Cách nhận tháng đã chọn trong lịch đầy đủ của jQuery?

Tôi cần hiển thị các sự kiện bên dưới lịch theo người dùng được chọn tháng onchange. Tôi có thể nhận dữ liệu theo ngày sự kiện nhưng tôi không thể nhận được tháng do người dùng chọn trong lịch 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',  
}); 

Đây là chức năng lịch tôi đang sử dụng, tôi cần được người dùng chọn tháng onchange. Có ai có giải pháp cho vấn đề này?

Trả lời

23

Có lẽ tôi không hiểu đầy đủ về quesiton của bạn, nhưng có vẻ như bạn chỉ cần biết tháng hiện tại trên màn hình?

FullCalendar có phương thức "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 
} 

Xin lỗi nếu đây không phải là những gì bạn đang yêu cầu.

+1

vâng mờ, đây là những gì đang tìm kiếm và tôi đã nhận được câu trả lời ... Cảm ơn anh chàng ... – Pushparaj

+0

Bạn đang chào đón, bro ;-) –

+0

Hey guys, tôi muốn tải 'December' tháng Fullcalendar với 2 ngày cho phép 14, 15 tháng 12 năm 2012. làm thế nào nó có thể? làm ơn giúp tôi. Thnx – Frank

12

Chức năng "getView" mà có thể có ích cho bạn:

Để có được ngày đầu tiên của tháng dương lịch:

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

Để có được ngày cuối cùng của tháng theo lịch:

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

Để có được ngày có thể nhìn thấy đầu tiên của lịch: (vài ngày cuối cùng của tháng trước)

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

Để có được ngày có thể nhìn thấy cuối cùng của lịch: (vài ngày đầu của tiếp theo tháng)

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

+2

$ (cal) .fullCalendar (' getView ') .bắt đầu cho tôi ngày đầu tiên nhìn thấy được. – Moebius

+0

Đây là dành cho v1. .start cũng không thực hiện như .visStart - http://fullcalendar.io/wiki/Upgrading-to-v2/ – jr19

+1

Hãy cẩn thận, với v3, nó đã thay đổi một lần nữa: https://fullcalendar.io/docs/views/View_Object/ '$ ('# calendar'). FullCalendar ('getView'). IntervalStart' cho ngày đầu tiên của tháng theo lịch ' $ ('# calendar'). FullCalendar ('getView'). IntervalEnd' cho ngày sau ngày ngày cuối cùng của tháng –

0

có nhiều cách để có được ngày và dưới đây là một trong những nơi you can do it when you initialize the calendar, Sử dụng mà bạn có thể có được ngày, tháng, năm riêng biệt.

$('#calendar').fullCalendar({ 

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

});