Javascript 按年份动态生成节

我目前正在做的事情，

    var listOfYears = [];
    $(data).each(function (i) {
        var year = new Date(this.EventDate).getFullYear();
        if ($.inArray(year, listOfYears) === -1)
            listOfYears.push(year);
    });

我想要什么，

    var listOfYears = [];
    $(data).each(function (i) {
        var year = new Date(this.EventDate).getFullYear();
        if ($.inArray(year, listOfYears) === -1)
            listOfYears.push(year);
    });

HTML

<div class="main-section">
    <div class="main-section_head">
         <h2> Cricket Match Events</h2>

        <img src="http://lode.nl/images/icon_collapse.png" />
    </div>
    <div class="main-section_body">
        <table id="cricketTable" class="cricket-table">
            <thead>
                <tr>
                    <th>Venu Title</th>
                    <th>Date</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</div>

我需要根据数据中提供的事件日期（来自服务响应）动态生成年份部分（可折叠），因此，如果我有两个事件日期，2014年1月1日和2011年1月1日，那么我想生成两个部分，一个用于2014年，一个用于2011年。如果我只有一个日期为2015年1月1日的事件，那么我只想根据它生成一个部分

---

请注意，这是一个更大的解决方案的一部分，所以我不能提供一切，因为隐私政策，上述代码已修改隐私的原因。IE-8是必须具备的要求。谢谢

请注意，在“我想要什么”下的图片中，例如X年就在那里，根据场景，我只有2015年的2个事件，所以它只有2015年，我希望我能说清楚。日期格式是“06/07/2015 09:00:00”。这是关于数据操作、html、css、DOM-JS的问题吗？请注意，在图片中的“我想要什么”下例如，X年就在那里，根据场景，我只有2015年的2个事件，所以它只有2015年，我希望我说清楚。日期的格式是“06/07/2015 09:00:00”。这个问题是关于数据操作、html、css、DOM-JS的吗？