为了账号安全,请及时绑定邮箱和手机立即绑定

如何从控制器获取 FullCalendar 的事件?

如何从控制器获取 FullCalendar 的事件?

一只萌萌小番薯 2021-10-14 17:39:46
我有一个 div,我想在其中显示基于按钮点击的日历:<label class="btn" onclick="getCalendar();"> Show Calendar </label><div id="calendarDiv"></div>该getCalendar()函数实现如下:function getCalendar() {    var calendar = new FullCalendar.Calendar($("#calendarDiv"), {        plugins: ['dayGrid'],        header: {            left: 'title',            center: '',            right: 'today prev,next'        },        buttonText: {            today: 'Today'        },        defaultView: 'dayGridMonth',        defaultDate: '2019-09-12',        events: function(fetchInfo, successCallback, failureCallback) {            $.post('/Customer/GetCalendarEvents',                $.param({                        selectedCountryIds: getSelectionsByName('cntName'),                        fiscalYearEnd: '31/12/2018'                    },                    true),                function (res) {                    var events = [];                    console.log(res);                    $.each(res,                        function (index, value) {                            events.push({                                title: value.title,                                start: value.start                            });                        });                    successCallback(events);                })                .fail(function () {                failureCallback(alert('bla'));             });        }    });    calendar.render();}其中,GetCalendarEvents(selectedCountryIds, fiscalYearEnd)返回一个带有事件列表的 Json 数组,其构造如下:public JsonResult GetCalendarEvents(List<int> selectedCountryIds, string fiscalYearEnd) {    // some initial steps to get finalList    // creating result array    var result = finalList.Select(r => new    {        title = r.Item2 + " : " + r.Item3,        start = r.Item1    });    return Json(result, JsonRequestBehavior.AllowGet);}有什么建议可能是一个问题,我该如何解决?我正在使用最新版本的 FullCalendar。
查看完整描述

2 回答

?
开满天机

TA贡献1786条经验 获得超13个赞

正如您在官方文档中看到的,您需要传递Element,但是在您的代码中 $("#calendarDiv") jquery 将在此处返回 Elements读取模式的类数组对象,因此如果您需要使用 jquery 选择器,您可以得到它像这样 $("#calendarDiv")[0] 或者你可以像官方文档中的建议一样

 var calendar = new FullCalendar.Calendar(document.getElementById('calendar'), { ...


查看完整回答
反对 回复 2021-10-14
  • 2 回答
  • 0 关注
  • 163 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信