FullCalendar - Add Dynamic Events

FullCalendar - Highlight Current Year 10 - 15 of all the months

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.css">
<div id='myCalendar'></div>

CSS

#myCalendar{margin-top:50px;width:300px;}

JavaScript

$(document).ready(function () {
    var myEvents = [];
    var date = new Date();
    var y = date.getFullYear();
    var length = 12;

    for (var month = 1; month < length; month++) {
        var month = (month <= 9) ? '0' + month : month;
        var startdate = y + '-' + month + '-10';
        var enddate = y + '-' + month + '-15';
        myEvents.push({
            title: 'event',
            start: startdate,
            end: enddate,
            allDay: true
        });
    }
    
    $('#myCalendar').fullCalendar({events: myEvents});

});