JavaScript Array Fill

Question

I have a question regarding the next code, how can I fill the 'events' array dynamically, with a for / while ? ( I can't fill it manually due to the fact that there are a lot of datas ) Thank you

<script>

$(document).ready(function() {

    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,basicWeek'
        },
        defaultDate: '2014-12-15',
        editable: true,
        eventLimit: true, // allow "more" link when too many events
        events: [
            {
                title: 'Test',
                start: '2014-12-17'
            }
        ]
    });

});

</script>

You simply define it before you call the .fullCalendar function and then use it's variable name in the function. — Jean-Paul
– Jean-Paul, Commented Dec 15, 2014 at 21:00
Where are you getting the data from? How is the data created? — Felix Kling
– Felix Kling, Commented Dec 15, 2014 at 21:01

Dave · Accepted Answer · 2014-12-20 22:14:19Z

3

You can use IIFE (immediately-invoked function expression)

events: (function () {

    var events = [];

    for (var i = 0; i < 10; i +=1) {

        // You can do here anything.

        events.push({
            title: 'Test' + i,
            start: '2014-12-17'
        });
    }

    return events;

})()

edited Dec 20, 2014 at 22:14

Dave

11k3 gold badges45 silver badges54 bronze badges

answered Dec 15, 2014 at 21:03

Seva Arkhangelskiy

6853 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dave · Accepted Answer · 2014-12-15 21:03:13Z

2

You can create an array variable and then use it when you initialize the calendar like so:

var events = [];
for(var i = 0; i < 10; i++) {
    events.push({title: 'Test' + i, start: '2014-12-17'});
}

$('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,basicWeek'
    },
    defaultDate: '2014-12-15',
    editable: true,
    eventLimit: true, // allow "more" link when too many events
    events: events
});

answered Dec 15, 2014 at 21:03

Dave

11k3 gold badges45 silver badges54 bronze badges

Collectives™ on Stack Overflow

JavaScript Array Fill

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related