how to get all events displayed in calendar

Question

3.00/5 (2 votes)

See more:

JavaScript

$(document).ready(function () {
       $.get("/General/GetCalendar", function (arrayList) {
           var schoolEvens = [];
           $.each(arrayList, function (value) {
               var dateAsFromServerSide_start = arrayList[value].start ///Date(1291374337981)/
               var start_Date = new Date(parseInt(dateAsFromServerSide_start.substr(6)));
               var dateAsFromServerSide_end = arrayList[value].end ///Date(1291374337981)/
               var end_Date = new Date(parseInt(dateAsFromServerSide_end.substr(6)));
               schoolEvens = [{
                   id: arrayList[value].id,
                   title: arrayList[value].name,
                   start: start_Date,
                   end: end_Date,
                   allDay: true
               }];

           })
 $('#calendar').fullCalendar({
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,basicWeek,basicDay'
                },
                editable: true,
                allDaySlot: false,
                selectable: true,
                events: schoolEvens
            })
           })
   });

here 'schoolEvens' returns last value .where i did my mistake .how i get all events & displayed in a Calendar.

Posted 4-Dec-15 18:48pm

Member 10735337

Add a Solution

Comments

Amit Jadli 5-Dec-15 1:39am

I think you need to use schoolEvens.push() to add data into your array...

Member 10735337 5-Dec-15 1:50am

after how i get array values & how to passing events in a calendar ..give some example of code ..

Amit Jadli 5-Dec-15 2:16am

Okay first of all your scope of the schoolEvens array is inside of the ajax function so first of all declare it outside of the ajax function then your full calendar plugin can read them.

And also refer this..

http://fullcalendar.io/docs/event_data/

Member 10735337 5-Dec-15 2:25am

$(document).ready(function () {
var schoolEvens = [];
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay'
},
editable: true,
allDaySlot: false,
selectable: true,
events: $.get("/General/GetCalendar", function (arrayList) {
var Ary = new Array();
$.each(arrayList, function (value) {
var dateAsFromServerSide_start = arrayList[value].start ///Date(1291374337981)/
var start_Date = new Date(parseInt(dateAsFromServerSide_start.substr(6)));
var dateAsFromServerSide_end = arrayList[value].end ///Date(1291374337981)/
var end_Date = new Date(parseInt(dateAsFromServerSide_end.substr(6)));
Ary = [{
id: arrayList[value].id,
title: arrayList[value].name,
start: start_Date,
end: end_Date,
allDay: true
}];
schoolEvens.push(Ary);
})
return schoolEvens;
})
});
});
check this corect or not...but this code displayed only empty calendar.

Amit Jadli 5-Dec-15 4:28am

Please check weather you are getting response from server side..
console.log(arrayList);
if you are getting proper data from server side then.. you have issue in your loop you have to use like...
value.start
value.end
and if you want index then first use i for index in function parameter and v for value as you can give any name..

or use for loop like this..

for(var i = 0; i < arrayList.length; i ++){
var dateAsFromServerSide_start = arrayList[i].start ///Date(1291374337981)/
var start_Date = new Date(parseInt(dateAsFromServerSide_start.substr(6)));
var dateAsFromServerSide_end = arrayList[i].end ///Date(1291374337981)/
var end_Date = new Date(parseInt(dateAsFromServerSide_end.substr(6)));

Ary = [{
id: arrayList[i].id,
title: arrayList[i].name,
start: start_Date,
end: end_Date,
allDay: true
}];
schoolEvens.push(Ary);
}

May be this will help you...

Member 10735337 5-Dec-15 5:20am

console.log(arraylist);
returns like ths
'Array[object,object,object,object,object]'

Member 10735337 5-Dec-15 5:23am

alert(schoolEvens.length);
returns '5'
my pblm is how to display 5 of values like {title,start,end}returns in a calendar events.plz hlp me .

Member 10735337 5-Dec-15 5:37am

console.log("title :" + arrayList[i].name);
returns the result like this:
title :Pooja Holidays
title :ooty tour
title :sports day
title :Final Day
title :Cultural days
but not displayed in calendar..wat i do ..

Amit Jadli 5-Dec-15 6:07am

And another thing i think you are not using proper date format..Please check that also..

Amit Jadli 5-Dec-15 6:00am

are you getting any error from full calender??

Member 10735337 5-Dec-15 6:06am

no error to display..fullcalendar displayed.

Member 10735337 5-Dec-15 6:11am

Date formate is correct .

Amit Jadli 5-Dec-15 6:18am

USE this
var end_Date = new Date(parseInt(dateAsFromServerSide_end.substr(6)));
var end_date_final = end_Date.toISOString().substring(0, 10);

Member 10735337 5-Dec-15 6:29am

not any events to display in a calendar.

Member 10735337 5-Dec-15 9:25am

thank u so much sir.

Member 10735337 6-Dec-15 1:06am

$.map(arrayList, function (item, i) {
var event = new Object();
var dateAsFromServerSide_start = arrayList[i].start ///Date(1291374337981)/
var start_Date = new Date(parseInt(dateAsFromServerSide_start.substr(6)));
var start_Date_final = start_Date.toISOString().substring(0, 10);
var dateAsFromServerSide_end = arrayList[i].end ///Date(1291374337981)/
var end_Date = new Date(parseInt(dateAsFromServerSide_end.substr(6)));
var end_Date = new Date(parseInt(dateAsFromServerSide_end.substr(6)));
var end_date_final = end_Date.toISOString().substring(0, 10);
event = [{
id: arrayList[i].id,
title: arrayList[i].name,
start: start_Date,
end: end_Date,
allDay: true
}];
return event;
})
fially i got all events display in a calendar...

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

how to get all events displayed in calendar

Add your solution here

Preview 0

how to get all events displayed in calendar

Add your solution here

Preview 0

Existing Members

...or Join us