Hi.... I have code here by with the data..... I need data from 1 to be in Monday, 2- Tuesday,3-wednesday,4-thursday,...
If you check the below one...it works different..... not sure...how to achieve this...Appreciate if you could assist... thanks
<!DOCTYPE html>
<html lang="en">
<body>
<table cellspacing="1" cellpadding="1" border="1" id="tbl">
</table>
</body>
<body>
<script src="http://code.jquery.com/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="http://www.datejs.com/build/date.js"></script>
<script type="text/javascript">
/*eslint-env jquery, jquery*/
$(function () {
var array = [{"seq":1,"day":"Monday","summary":"Nijas Ages","start":"04:00 - 04:30"},
{"seq":1,"day":"Monday","summary":"Nijas Ages","start":"04:00 - 04:30"},
{"seq":1,"day":"Monday","summary":"Ninjas Ages","start":"04:00 - 04:45"},
{"seq":1,"day":"Monday","summary":"Youth Karate Ages 6-12","start":"04:30 - 05:00"},
{"seq":2,"day":"Tuesday","summary":"Juniors Gracie Jiu-Jitsu","start":"04:00 - 04:45"},
{"seq":2,"day":"Tuesday","summary":"Juniors Gracie Jiu-Jitsu","start":"04:00 - 04:45"},
{"seq":2,"day":"Tuesday","summary":"Juniors Gracie Jiu-Jitsu","start":"04:00 - 04:45"},
{"seq":2,"day":"Tuesday","summary":"Juniors Gracie Jiu-Jitsu","start":"04:00 - 04:45"},
{"seq":2,"day":"Tuesday","summary":"Juniors Gracie Jiu Jitsu","start":"04:00 - 04:45"},
{"seq":2,"day":"Tuesday","summary":"Juniors Gracie Jiu-Jitsu","start":"04:00 - 04:45"},
{"seq":2,"day":"Tuesday","summary":"Juniors Gracie Jiu-Jitsu","start":"04:00 - 04:45"},
{"seq":2,"day":"Tuesday","summary":"Juniors Gracie Jiu Jitsu","start":"04:00 - 04:45"},
{"seq":2,"day":"Tuesday","summary":"Nijas Ages 3-5","start":"04:45 - 05:15"},
{"seq":2,"day":"Tuesday","summary":"Muay Thai Kickboxing","start":"07:00 - 07:45"},
{"seq":2,"day":"Tuesday","summary":"Muay Thai Kickboxing","start":"07:00 - 07:45"},
{"seq":2,"day":"Tuesday","summary":"Muay Thai Kickboxing","start":"07:00 - 07:45"},
{"seq":2,"day":"Tuesday","summary":"Muay Thai Kickboxing","start":"07:00 - 07:45"},
{"seq":2,"day":"Tuesday","summary":"Muay Thai Kickboxing","start":"09:45 - 10:30"},
{"seq":2,"day":"Tuesday","summary":"Muay Thai Kickboxing","start":"09:45 - 10:30"},
{"seq":3,"day":"Wednesday","summary":"Ninjas Ages Ages 3-5","start":"04:00 - 04:30"},
{"seq":3,"day":"Wednesday","summary":"Ninjas Ages Ages 3-5","start":"04:00 - 04:30"},
{"seq":3,"day":"Wednesday","summary":"Ninjas Ages 4-6 ","start":"04:00 - 04:45"},
{"seq":3,"day":"Wednesday","summary":"Ninjas Ages","start":"04:00 - 04:45"},
{"seq":3,"day":"Wednesday","summary":"Ninjas Ages","start":"04:00 - 04:45"},
{"seq":3,"day":"Wednesday","summary":"Ninjas Ages 4-6 ","start":"04:00 - 04:45"},
{"seq":3,"day":"Wednesday","summary":"Ninjas Ages 4-6 ","start":"04:00 - 04:45"},
{"seq":3,"day":"Wednesday","summary":"Youth Karate Ages 7-12","start":"04:45 - 05:30"},
{"seq":3,"day":"Wednesday","summary":"Teen/Adult. Karate Teen Krav Maga","start":"05:15 - 05:45"},
{"seq":3,"day":"Wednesday","summary":"Muay Thai Kickboxing","start":"06:00 - 06:30"},
{"seq":3,"day":"Wednesday","summary":"Muay Thai Kickboxing","start":"06:15 - 07:00"},
{"seq":3,"day":"Wednesday","summary":"Muay Thai Kickboxing","start":"06:15 - 07:00"},
{"seq":3,"day":"Wednesday","summary":"Gracie Jiu-Jitsu Adults","start":"07:00 - 07:45"},
{"seq":3,"day":"Wednesday","summary":"Gracie Jiu-Jitsu Adults","start":"07:00 - 07:45"},
{"seq":3,"day":"Wednesday","summary":"Gracie Jiu-Jitsu Adults","start":"07:00 - 07:45"},
{"seq":4,"day":"Thursday","summary":"Ninjas Ages 3-5","start":"04:45 - 05:15"},
{"seq":4,"day":"Thursday","summary":"Ninjas Ages 3-5","start":"04:45 - 05:15"},
{"seq":4,"day":"Thursday","summary":"Nijas Ages 4-6","start":"04:45 - 05:30"},
{"seq":4,"day":"Thursday","summary":"Youth Karate Ages 6-12","start":"05:15 - 05:45"},
{"seq":4,"day":"Thursday","summary":"Youth Karate Ages 6-12","start":"05:15 - 05:45"},
{"seq":4,"day":"Thursday","summary":"Youth Karate Ages 7-12","start":"05:30 - 06:15"},
{"seq":4,"day":"Thursday","summary":"Youth Karate Ages 7-12","start":"05:30 - 06:15"},
{"seq":4,"day":"Thursday","summary":"Muay Thai Kickboxing","start":"06:45 - 07:15"},
{"seq":4,"day":"Thursday","summary":"Muay Thai Kickboxing","start":"06:45 - 07:15"},
{"seq":5,"day":"Friday","summary":"Ninjas Ages Ages 4-6","start":"04:00 - 04:30"},
{"seq":5,"day":"Friday","summary":"Ninjas Ages 4-6","start":"04:00 - 04:30"},
{"seq":5,"day":"Friday","summary":"Ninjas Ages 4-6","start":"04:00 - 04:30"},
{"seq":5,"day":"Friday","summary":"Ninjas Ages 4-6","start":"04:00 - 04:30"},
{"seq":5,"day":"Friday","summary":"Ninjas Ages Ages 4-6","start":"04:00 - 04:30"},
{"seq":5,"day":"Friday","summary":"Ninjas Ages 4-6","start":"04:00 - 04:30"},
{"seq":5,"day":"Friday","summary":"Ninjas Ages 4-6","start":"04:00 - 04:30"},
{"seq":5,"day":"Friday","summary":"Ninjas Ages 4-6","start":"04:00 - 04:30"},
{"seq":5,"day":"Friday","summary":"Ninjas Ages 4-6","start":"04:00 - 04:30"},
{"seq":5,"day":"Friday","summary":"Karate All Levels","start":"04:30 - 05:00"},
{"seq":5,"day":"Friday","summary":"Karate All Levels","start":"04:30 - 05:00"},
{"seq":5,"day":"Friday","summary":"Karate/Thai Weapons","start":"05:00 - 05:30"},
{"seq":5,"day":"Friday","summary":"Gold/Blue/Green Weapons","start":"05:00 - 05:30"},
{"seq":5,"day":"Friday","summary":"Karate/Thai - Weapons","start":"05:00 - 05:30"},
{"seq":5,"day":"Friday","summary":"Gold/Blue/Green Weapons","start":"05:00 - 05:30"},
{"seq":5,"day":"Friday","summary":"Karate/Thai Weapons","start":"05:00 - 05:30"},
{"seq":5,"day":"Friday","summary":"Gold/Blue/Green Weapons","start":"05:00 - 05:30"},
{"seq":5,"day":"Friday","summary":"Kickboxing All Levels","start":"06:00 - 06:30"},
{"seq":5,"day":"Friday","summary":"Muay Thai Express","start":"06:00 - 06:30"},
{"seq":5,"day":"Friday","summary":"Kickboxing Express","start":"06:00 - 06:30"},
{"seq":5,"day":"Friday","summary":"Kickboxing All Levels","start":"06:00 - 06:30"},
{"seq":5,"day":"Friday","summary":"Muay Thai Express","start":"06:00 - 06:30"},
{"seq":5,"day":"Friday","summary":"Muay Thai Express","start":"06:00 - 06:30"},
{"seq":5,"day":"Friday","summary":"Youth/Adult Karate All Level","start":"08:30 - 09:00"},
{"seq":5,"day":"Friday","summary":"Youth/Adult Karate All Level","start":"08:30 - 09:00"},
{"seq":6,"day":"Saturday","summary":"Muay Thai Kickboxing All Levels","start":"09:00 - 09:45"},
{"seq":6,"day":"Saturday","summary":"Kickboxing All Levels","start":"09:00 - 09:45"},
{"seq":6,"day":"Saturday","summary":"Muay Thai Kickboxing All Levels","start":"09:00 - 09:45"},
{"seq":6,"day":"Saturday","summary":"Muay Thai Kickboxing","start":"09:00 - 09:45"},
{"seq":6,"day":"Saturday","summary":"Kickboxing All Levels","start":"09:00 - 09:45"},
{"seq":6,"day":"Saturday","summary":"Muay Thai Kickboxing All Levels","start":"09:00 - 09:45"},
{"seq":6,"day":"Saturday","summary":"Kinder Karate (Ages 2-3)","start":"09:15 - 09:45"},
{"seq":6,"day":"Saturday","summary":"Kinder Karate (Ages 2-3)","start":"09:15 - 09:45"},
{"seq":6,"day":"Saturday","summary":"Ninjas - Ages 3-5","start":"09:45 - 10:15"},
{"seq":6,"day":"Saturday","summary":"Ninjas - Ages 3-5","start":"09:45 - 10:15"},
{"seq":6,"day":"Saturday","summary":"Ninjas 4 - 6","start":"09:45 - 10:30"},
{"seq":6,"day":"Saturday","summary":"Ninjas 4 - 6","start":"09:45 - 10:30"},
{"seq":6,"day":"Saturday","summary":"Ninjas - Ages 4-6","start":"09:45 - 10:30"},
{"seq":6,"day":"Saturday","summary":"Ninjas - Ages 4-6","start":"09:45 - 10:30"},
{"seq":6,"day":"Saturday","summary":"Youth Karate Ages 6-12","start":"10:15 - 10:45"},
{"seq":6,"day":"Saturday","summary":"Karate All Levels","start":"10:30 - 11:15"},
{"seq":6,"day":"Saturday","summary":"Karate All Levels","start":"10:30 - 11:15"},
{"seq":6,"day":"Saturday","summary":"Karate All Levels","start":"10:30 - 11:15"},
{"seq":6,"day":"Saturday","summary":"Youth-Adult Karate All Ages","start":"10:30 - 11:15"},
{"seq":6,"day":"Saturday","summary":"Youth Karate Ages 7-12","start":"10:30 - 11:15"},
{"seq":6,"day":"Saturday","summary":"Dream Team","start":"11:00 - 11:30"},
{"seq":6,"day":"Saturday","summary":"Dream Team","start":"11:15 - 12:00"},
{"seq":6,"day":"Saturday","summary":"Birthday Parties","start":"12:30 - 01:30"},
{"seq":6,"day":"Saturday","summary":"Birthday Parties??","start":"12:30 - 01:30"},
{"seq":6,"day":"Saturday","summary":"Birthday Parties","start":"12:30 - 01:30"},
{"seq":6,"day":"Saturday","summary":"Birthday Parties","start":"12:30 - 01:30"},
{"seq":6,"day":"Saturday","summary":"Birthday Parties??","start":"12:30 - 01:30"},
{"seq":6,"day":"Saturday","summary":"Birthday Parties ??","start":"12:30 - 01:30"},
{"seq":6,"day":"Saturday","summary":"Birthday Parties","start":"12:30 - 01:30"},
{"seq":6,"day":"Saturday","summary":"Birthday Parties","start":"12:30 - 01:30"}];
var temp = array;
var uniqdays = [];
for (var i = 0; i < array.length; i++)
if (uniqdays.indexOf(array.day) == -1) uniqdays.push(array.day);
var maxAry = [];
for (var i = 0; i < uniqdays.length; i++) {
var tempary = [];
for (var j = 0; j < array.length; j++) {
if(array[j].day == uniqdays)
tempary.push(array[j].summary)
}
maxAry.push(tempary.length);
}
var maxValue = maxAry.sort().pop();
var $tbl = $('#tbl');
var $trhead = $('<tr>').appendTo($tbl);
for (var i = 0; i < uniqdays.length; i++) {
var day = uniqdays;
var $td = $('<td>').appendTo($trhead);
$td.text(day);
}
var start;
for (var i = 0; i < maxValue; i++) {
var $tr = $('<tr>').appendTo($tbl);
for (var j = 0; j < uniqdays.length; j++) {
var day = uniqdays[j];
for (var k = 0; k < temp.length; k++) {
if (temp[k].seq!=null && temp[k].day == day && temp[k].summary != '' && temp[k].start!=start) {
var $td = $('<td>').appendTo($tr);
$td.text(temp[k].seq+"--"+temp[k].summary);
temp[k].summary = '';
start=temp[k].start;
break;
}
}
}
}
});
</script>
</body>
</html>