仅在fullcalendar.io中显示当月的日期和事件

时间:2016-03-18 12:36:48

标签: javascript fullcalendar

在'月' fullcalendar.io的视图我想显示当前月份事件的当前月份。但是,目前显示的是从当前日期算起的一个月。

  

例如:如果今天的日期是2016-20-03 ......
   - 什么全日历显示:从:2016-20-03到:2016-19-04
   - 我想展示的内容:从2016-01-03到:2016-31-03

阅读完文档并查看后,我无法找到任何变量或设置fullcalendar来实现这一点,所以我需要修改fullcalendar.js

有人已经这样做了吗?

查看

$('#' + engineerId).fullCalendar({
            header: false,
            views: {
                plainMonth: {
                    type: 'basic',
                    duration: { days: 31 },
                    buttonText: 'Month'
                },
                plainWeek: {
                    type: 'basic',
                    duration: { days: 7 },
                    buttonText: 'Week'
                }
            },
            firstDay: 1,
            dayNamesShort: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
            defaultView: 'plainWeek',
            theme: true,
            viewRender: function (view, element) {
                $('#CalendarViewObject').val(view.name);
                viewName = view.name;
            },
            aspectRatio: ratio,
            editable: true,
            eventLimit: false, // allow "more" link when too many events
            events: {
                startEditable: false,
                durationEditable: false,
                url: window.location.href.toString().split(window.location.host)[1] + '/GetEmployeeEvents',
                type: 'POST',
                data: function () { // a function that returns an object
                    $("[id^=qtip-]").empty();
                    $("[id^=qtip-]").remove();
                    return {
                        serviceAreaId: serviceAreaId,
                        employeeId: engineerId,
                        calendarViewObject: $('#CalendarViewObject').val()
                    };
                },
                error: function () {
                    alert('there was an error while fetching events!');
                }
            },...

控制器

public JsonResult GetEmployeeEvents(DateTime start, DateTime end, string queueName, string employeeId, string calendarViewObject)

'开始'并且'结束'日期由fullcalendar.io设置,那些日期是我想要更改的日期。

非常感谢您提前, Alvykun

1 个答案:

答案 0 :(得分:2)

在完整日历文档中进行了一些研究之后,我最终设置了以下内容:

$(\'.calendarClass\').fullCalendar(\'gotoDate\',new Date(y, m, 1));

这就是诀窍而且有效!