jaime8111
Issue with fetching JSON Data
I have configured the plugin and the JSON data is provided inline. but couldn't find any events being shown in the calendar. What could be the trouble? I'm attaching the screenshots and the code provided
This is my code.
$(document).ready(function(){
var eventjson= [
{ "date": "1337594400000", "type": "meeting", "title": "Project A meeting", "description": "Lorem Ipsum dolor set", "url": "http://www.example.com/" },
{ "date": "1337677200000", "type": "demo", "title": "Project B demo", "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.", "url": "http://www.example.com/" },
{ "date": "1337686200000", "type": "meeting", "title": "Test Project Brainstorming", "description": "Lorem Ipsum dolor set", "url": "http://www.example.com/" },
{ "date": "1337696100000", "type": "test", "title": "A very very long name for a project events", "description": "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.", "url": "http://www.example.com/" },
{ "date": "1338890400000", "type": "meeting", "title": "Project B meeting", "description": "Lorem Ipsum dolor set", "url": "http://www.example.com/" },
{ "date": "1339927200000", "type": "demo", "title": "Project A demo", "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.", "url": "http://www.example.com/" },
{ "date": "1334656800000", "type": "meeting", "title": "Test Project C Brainstorming", "description": "Lorem Ipsum dolor set", "url": "http://www.example.com/" }
];
$("#calender").eventCalendar({
jsonData:eventjson,
});
});
I think the problem is with the date timestamp conversion.
For example your timestamp: 1334656800 is a date of year 2012 (Tue, 17 Apr 2012 10:00:00 GMT)
If you navigate until 2012 in the calendar I'm sure that you will see those events.
I hope this help you.
2015-08-20 14:29 GMT+02:00 Antony Varghese [email protected]:
I have configured the plugin and the JSON data is provided inline. but couldn't find any events being shown in the calendar. What could be the trouble? I'm attaching the screenshots and the code provided
[image: calenderx] https://cloud.githubusercontent.com/assets/11733975/9383221/eb23e1d6-4764-11e5-87f5-7f683abf9ae8.JPG
This is my code.
$(document).ready(function(){ var eventjson= [ { "date": "1337594400000", "type": "meeting", "title": "Project A meeting", "description": "Lorem Ipsum dolor set", "url": " http://www.example.com/" }, { "date": "1337677200000", "type": "demo", "title": "Project B demo", "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.", "url": "http://www.example.com/" }, { "date": "1337686200000", "type": "meeting", "title": "Test Project Brainstorming", "description": "Lorem Ipsum dolor set", "url": " http://www.example.com/" }, { "date": "1337696100000", "type": "test", "title": "A very very long name for a project events", "description": "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.", "url": "http://www.example.com/" }, { "date": "1338890400000", "type": "meeting", "title": "Project B meeting", "description": "Lorem Ipsum dolor set", "url": " http://www.example.com/" }, { "date": "1339927200000", "type": "demo", "title": "Project A demo", "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.", "url": "http://www.example.com/" }, { "date": "1334656800000", "type": "meeting", "title": "Test Project C Brainstorming", "description": "Lorem Ipsum dolor set", "url": " http://www.example.com/" } ]; $("#calender").eventCalendar({ jsonData:eventjson,
}); });
— Reply to this email directly or view it on GitHub https://github.com/jaime8111/jQueryEventCalendar/issues/23.
Jaime Fernández · [email protected] · Twitter http://twitter.com/vissit · Facebook http://www.facebook.com/jaime8111 · Linkedin
http://www.linkedin.com/in/jaimefdez
yo..!! i got the issue solved. it was indeed the problem with the datestamp