Javascript 通过日期选择器';s date参数以获取FullCalendar中的资源
我当前的日历如下所示: 当我在datepicker中单击一个日期时(已经使用.fullCalendar('gotoDate',date'),我要做的是更改日历日期,这是为了获取资源和事件,我需要使用新值'date'将查询重新发送到服务器,否则日历将不会重新加载数据 下面是我用来获取资源的url:Javascript 通过日期选择器';s date参数以获取FullCalendar中的资源,javascript,jquery,fullcalendar,fullcalendar-scheduler,Javascript,Jquery,Fullcalendar,Fullcalendar Scheduler,我当前的日历如下所示: 当我在datepicker中单击一个日期时(已经使用.fullCalendar('gotoDate',date'),我要做的是更改日历日期,这是为了获取资源和事件,我需要使用新值'date'将查询重新发送到服务器,否则日历将不会重新加载数据 下面是我用来获取资源的url: resources: { url: '/general?handler=AllResources', da
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);
});
我不知道我是否理解你的问题 那么,如果更改日期,资源不会更新? 看看 [编辑] 试试这个:
$('.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”时,确保每当日历更改时,资源都会再次加载是的,当完整日历已呈现时,我尚未选择日期选择器的日期,因此显然它不知道参数(日期)发送URL。因此,如果您在日期选择器中选择了一个日期,您的日历将更新到正确的日期,但资源不会更改?我编辑了回复。日期格式也有问题添加refetchResourcesOnNavigate:true完成了任务,谢谢。但是,其他视图没有显示事件(月视图、周视图、2天视图),我写了一个新问题,如果您能检查一下,我将不胜感激:指向其他问题的链接不会加载。如果你还需要帮助,请告诉我