传递日期选取器的日期参数以获取完整日历中的资源



我当前的日历如下所示:

全日历设计

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

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

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

"AllResources"方法根据指定的日期只获取少数记录作为参数。

BTW:我正在文档中呈现完整的日历。准备好了,然后我有以下函数来给我的日期选择器提供"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"以确保每当日历更改时资源都会再次加载

相关内容

  • 没有找到相关文章

最新更新