通过datepicker的日期参数获取FullCalendar中的资源

Question

我当前的日历是这样的：

full-calendar design

我想做的是当我在日期选择器中单击一个日期时更改日历日期（这已经使用 .fullCalendar('gotoDate',date ) 完成），事情是，获取资源和事件我需要使用 'date' 的新值将查询重新发送到服务器，否则日历将不会重新加载数据。

这是我用来获取资源的 url :

resources: 
            {

                url: '/general?handler=AllResources', 
                data: function () { 
                    return {
                        // must return the new date to display in calendar
                    };

                }
            }

'AllResources' 方法仅根据指定的日期获取一些记录作为参数。

顺便说一句：我在 document.ready 中呈现 fullCalendar ，然后我有以下功能为我的日期选择器提供 'changeDate' 功能：

$('.fc-center h2').datepicker({
                format: "dd/mm/yyyy",
                language: "es",
                dateFormat: "dd/mm/yyyy",
                todayHighlight: true

            }).on("changeDate", function (e) {


                var date = moment(e.date);

                $("#calendar").fullCalendar('gotoDate', date);




            });

Answer 1

我不确定我是否理解你的问题。

所以如果您更改日期，资源不会更新？看看 refetchResourcesOnNavigate

[编辑] 试试这个：

$('.fc-center h2').datepicker({
                format: "dd/mm/yyyy",
                language: "es",
                dateFormat: "dd/mm/yyyy",
                todayHighlight: true

            }).change(function (e) {
             var mydate =moment($(this).val(),'DD/MM/YYYY').format('YYYY-MM-DD');

       $("#calendar").fullCalendar('gotoDate', mydate);

});

然后在初始化日历时设置 'refetchResourcesOnNavigate: true' 以确保每当日历更改时再次加载资源

通过datepicker的日期参数获取FullCalendar中的资源

Pass datepicker's date parameter to get resources in FullCalendar

javascript

jquery

fullcalendar

fullcalendar-scheduler