javascript - 如何在 jquery Fullcalendar 事件中使用循环？

Question

您好，我正在尝试在 jquery Fullcalendar 事件中循环，但我不知道为什么这不起作用:

var birthdaysList = @Html.Raw(Json.Encode(@ViewBag.birthdaysList));

$(document).ready(function () {

            $('#calendar').fullCalendar({
                lang: 'es',
                header: {
                    left: 'title',
                    center: '',
                    right: 'prev,next today'
                    //right: 'month,agendaWeek,agendaDay'
                },
                eventLimit: true, // allow "more" link when too many events

                events: //My loop here for title: birthdaysList.name , start birthdaysList.date

            });
        });

Answer 1

好的，首先，你不能在 envents: 中做一个循环，你必须创建一个数组，然后从 envents: 中调用它，就像这样:

var birthdaysList = @Html.Raw(Json.Encode(@ViewBag.birthdaysList));

var events = []; //The array
for(var i =0; i < birthdaysList.length; i++) 
{events.push( {title: birthdaysList[i].name , start: birthdaysList[i].date})}


$(document).ready(function () {

            $('#calendar').fullCalendar({
                lang: 'es',
                header: {
                    left: 'title',
                    center: '',
                    right: 'prev,next today'
                    //right: 'month,agendaWeek,agendaDay'
                },
                eventLimit: true, // allow "more" link when too many events

                events: events

            });
        });