FullCalendar按月动态加载数据

var calendar = $('#calendar').fullCalendar({//关键在这里,处理events数据events: function (start, end, timezone, callback) {var sD = start._i;var eD = end._i;var eventsData = [];$.getJSON("data.json",function(res){let thisDate = new Date(item.pdtime2).getTime();//将当前视图的数据取出来if(sD<=thisDate && thisDate <=eD){eventsData.push(item);}});//这个回调方法会将数据填到日历里,并重新渲染callback(eventsData);},eventMouseEnter: function(date, allDay, jsEvent, view) {  },dayClick:function(date, allDay, jsEvent, view){var date1 = $.fullCalendar.formatDate(date, "YYYY年M月D日"); $("#goDate").val(date);var nowDate = new Date();nowDate = nowDate.getFullYear()+'年'+(nowDate.getMonth()+1)+'月'+(nowDate.getDate()+'日');   var res = datas({"reltime":date1}).get();var str = "";for(let i=0;i'+ res[i].start +'-'+ res[i].end +''+''+ res[i].title +'';if(res[i].isactive){str+='';}str+='';}$("#dateContent").html(str);},eventClick: function(event, jsEvent) {                  //日程事件点击alert(event.title);},eventMouseover: function(){},           //鼠标划过和离开的事件，用法和参数同上eventMouseout: function(){},
});

这里写了部分的关键代码, 主要是处理events数据。供大家参考

借鉴博客: FullCalendar: 动态获取数据_scut_少东的博客-CSDN博客_fullcalendar 重新渲染

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！