如何使全日历仅获取当前月份的事件？

Question

我正在使用fullcalendar插件通过Ajax获取和显示一个月的假期。 我遇到的问题是，检索假期的方法仅接受一年和一个月作为参数，而不接受日期范围。

使用Fullcalendar的月份视图时，开始和结束参数的范围为2月23日和4月6日。 我需要范围从3月1日到3月31日。 这样，我只能获得年份和月份部分来调用该方法。

这是我尝试过的但没有成功的方法：

    $('#calendar').fullCalendar({
        monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
        monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
        dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
        dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mié', 'Jue', 'Vie', 'Sáb'],
        events: '/get_month_holidays',
        start: {
            month: new Date((new Date()).getFullYear(), (new Date()).getMonth(), 1)
        },
        end: {
            month: (new Date((new Date()).getFullYear(), (new Date()).getMonth() + 1, 1)) - 1
        },            
        buttonText: {
            today: 'hoy'
        }
    })

任何帮助将不胜感激，

谢谢海梅

Answer 1

最后我用了：

        eventSources: [
            {
                url: '/get_month_holidays',
                type: 'POST',
                data: function() {
                    var fecha = $('#calendar').fullCalendar('getDate');
                    return {
                        month: fecha.getMonth() + 1,
                        year: fecha.getFullYear()
                    }
                }
            }
        ],

而且有效。 不管怎么说，还是要谢谢你。 海梅

Answer 2

jstuardo的解决方案在请求中添加了新参数，因此您最终会得到如下结果：

http://your.api.com/events?month=8&year=2015&start=2015-07-27&end=2015-09-07

这很令人困惑，需要您相应地更改API。

更好的解决方案是更改默认的start和end参数。 您可以使用以下方法实现此目的：

 { url: baseUrl + '/events', startParam: null, //resetting default fullcalendar parameter endParam: null, //resetting default fullcalendar parameter data: function() { var date = $('#gc-calendar').fullCalendar('getDate')._d; var firstDay = new Date(date.getFullYear(), date.getMonth(), 1); var lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0); firstDay = $filter('date')(firstDay, 'yyyy-MM-dd'); lastDay = $filter('date')(lastDay, 'yyyy-MM-dd'); //AngularJS way of changing the date format to yyyy-mm-dd return { start: firstDay, end: lastDay } } } 

这样，您的请求如下所示：

http://your.api.com/calendar_orders?start=2015-08-01&end=2015-08-31

您可以使用任何喜欢的方法将日期格式设置为“ yyy-MM-dd”。 您可以在这里找到很多： 从JS日期对象获取YYYYMMDD格式的字符串？