如何在jQuery完整日历中获得所选月份？

php javascript jquery fullcalendar

2022-08-30 21:37:35

我们使用jQuery完整日历来显示数据库中的事件。

我需要根据用户选择的月份在日历下方显示事件。我可以根据事件日期获取数据，但无法在jQuery日历中获取用户选择的月份。onchange

$('#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

答案 1

也许我不完全理解你的疑问，但听起来你只需要知道屏幕上的当前月份？

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
}

抱歉，如果这不是您要问的。

答案 2

可能对您有用的函数“getView”：

http://arshaw.com/fullcalendar/docs/views/View_Object/

要获取日历月的第一天：

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

要获取日历月的最后一天：

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

要获取日历的第一个可见日期：（上个月的最后几天）

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

要获取日历的最后一个可见日期：（下个月的前几天）

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