re.void, вариант для медитации ... далее сами
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</script>
<script>
$(function(){
var data = [
{
"EventStartDate": "17/10/2008",
"EventType": "Restricted",
"Event": "My Forum",
"SessionStartTime": "18:00",
"City": "Ryazan",
"Type": "1on1",
"RowCount": 0
},
{
"EventStartDate": "17/10/2008",
"EventType": "Restricted",
"Event": "My Forum",
"SessionStartTime": "15:10",
"City": "London",
"Type": "3on1",
"RowCount": 1
},
{
"EventStartDate": "24/11/2008",
"EventType": "Conference",
"Event": "AAA Test Event",
"SessionStartTime": "15:10",
"City": "Paris",
"Type": "Meeting",
"RowCount": 2
},
{
"EventStartDate": "24/11/2008",
"EventType": "Conference",
"Event": "AAA Test Event",
"SessionStartTime": "16:10",
"City": "Moscow",
"Type": "Breakfast",
"RowCount": 3
}
]
var obj = {el: $(".cib-day-elem")};
data.forEach(function(c) {
var a = obj;
Object.keys(c).forEach(function(d, e) {
var b = c[d];
var li = $("<li/>", {text : b});
var ul = $("<ul/>");
4 > e ? (!a[b] && (li.appendTo(a.el), ul.appendTo(li), a[b] = {el : ul}), a = a[b]) : li.appendTo(a.el)
})
});
})
</script>
</head>
<body>
<ul class="cib-day-elem"></ul>
</body>
</html>