jquery - Full calendar not ordering the events in correct order -


i using full calendar plugin. want events ordering according start date/time ascending. can see below event # 2, event # 3 & event # 4 in correct order event # 1 not in correct order. should in last.

wrong order:

[     {"id":"1","title":"aaa","start":"2013-04-01 00:00:00","end":"2013-04-01 23:59:59", "allday":false},     {"id":"2","title":"bbb","start":"2013-04-01 07:30:00","end":"2013-04-01 09:30:00", "allday":false},     {"id":"3","title":"ccc","start":"2013-04-01 08:00:00","end":"2013-04-01 10:30:00", "allday":false},     {"id":"4","title":"ddd","start":"2013-04-01 13:00:00","end":"2013-04-01 10:30:00", "allday":false}, ]

how wanted (order time asc):

[     {"id":"2","title":"bbb","start":"2013-04-01 07:30:00","end":"2013-04-01 09:30:00", "allday":false},     {"id":"3","title":"ccc","start":"2013-04-01 08:00:00","end":"2013-04-01 10:30:00", "allday":false},     {"id":"4","title":"ddd","start":"2013-04-01 13:00:00","end":"2013-04-01 10:30:00", "allday":false},     {"id":"1","title":"aaa","start":"2013-04-01 23:00:00","end":"2013-04-01 23:59:59", "allday":false} ]

it looks perfect in week view & day view not ordering in month view. events coming database , passing json feed fullcalendar render events. in regard highly appreciated.

you can use underscore.js sort object array.

var events = [     {"id":"1","title":"aaa","start":"2013-04-01 23:00:00","end":"2013-04-01 23:59:59", "allday":false},     {"id":"2","title":"bbb","start":"2013-04-01 07:30:00","end":"2013-04-01 09:30:00", "allday":false},     {"id":"3","title":"ccc","start":"2013-04-01 08:00:00","end":"2013-04-01 10:30:00", "allday":false},     {"id":"4","title":"ddd","start":"2013-04-01 13:00:00","end":"2013-04-01 10:30:00", "allday":false} ];    var sortedevents = _.sortby(events, function(data){ return data.start; });

demo


Comments

Post a Comment

Popular posts from this blog

asp.net mvc 3 - Using mvc3, I need to add a username/password to the sql connection string at runtime -

i see how build string using stringbuilders (sql/entity framework); do cause connection string used in dbcontext? example context: public class pophistorydbcontext : dbcontext { public dbset<pophistory> histories {get;set} } public class pophistoryrepository: ihistoryrepository { private pophistorydbcontext context = new pophistorydbcontext(); public iqueryable<pophistory> histories{ {return context.histories;} } } example usage in controller: public class historycontroller : controller { private ihistoryrepository repository = new pophistoryrepository(); var histories = h in repository.histories (h.modifytimestamp > today) select h; if (!string.isnullorempty(searchstring)) { histories = histories.where(h => h.dn.toupper().contains(searchstring.toupper())); } thank you
Read more

kineticjs - draw multiple lines and delete individual line -

i can draw multiple lines on canvas; added layer using drawscene dlayera1.add(line); line.getpoints()[0].x = mousepos.x; line.getpoints()[0].y = mousepos.y; line.getpoints()[1].x = mousepos.x; line.getpoints()[1].y = mousepos.y; moving = true; dlayera1.drawscene(); http://jsfiddle.net/user373721/xzead/1/ . is there way delete individual line? currently, you'll have modify points array this: line.getpoints()[0].splice(index, 1); since arrays modified reference, modifying returned array modifies "source of truth" points array attr
Read more

thumbnails - jQuery image rotate on hover -

any chance change image src on hover , count 10 , again first? this need, default thumb, flv-3.jpg ! <img src="/thumbs/e/b/d/6/d/ebd6d2d6d99e/ebd6d2d6d99e.flv-3.jpg" /> on mouse hover need change number flv-1.jpg flv-2.jpg flv-3.jpg flv-4.jpg etc.. up 10, , again , start number 1, when move mouse thumbs need default thumb flv-3.jpg this im use not solutions, var _thumbs = new array(); function changethumb(index, i, num_thumbs, path) { if (_thumbs[index]) { document.getelementbyid(index).src = path + + ".jpg"; preload = new image(); preload_image_id = (i + 1 > num_thumbs) ? 1 : + 1; preload.src = path + preload_image_id + ".jpg"; = % num_thumbs; i++; settimeout("changethumb('" + index + "'," + + ", " + num_thumbs + ", '" + path + "')", 800) } } function startthumbchange(index, nu
Read more