I was following the blog post for using the Scheduler with Angular and it worked fine with the sample data. When I added a new date, it only displays when that is a multi-day event. As soon as I edit the event (either hard code or through the lightbox) to start/end the same day (but hours long in duration) it disappears.
Is there a setting to be able to view the single day events that I need to set?
So, a little more debugging- the single day event is there, but it is either invisible, or white text on white background, because I can double click on it and open it (and drag it to another day). However I can’t get it to show. I am working in a bootstrap template if that makes any difference… Any help would be most appreciated as I am really close with this calendar, but I need to get past this issue.
Hello,
We need to have an opportunity to reproduce the issue so that we can help you. Could you please provide with access to your application or create a demo? Probably you have any css styles that makes the single day event invisible. Please check it.
Ok- so I figured it was a CSS conflict, stripped down the page and got it to work with only a couple of minor issues. I do have one question- how do I access the updated calendar data? For instance, if I hit save and the calendar event is updated, what js object (or Angular) holds the modified calendar data (which now displays on the screen)?
Hello,
To get data you can use getEvents() method.
To spesify date range please use getState() with min_ and max_date properties.
var min_date = scheduler.getState().min_date;
var max_date = scheduler.getState().max_date;
var evs = scheduler.getEvents(min_date,max_date);
docs.dhtmlx.com/scheduler/api__ … vents.html
docs.dhtmlx.com/scheduler/api__ … state.html
Thank you! That works perfectly. The only thing I am unsure of now is how to trigger that code (I put it in an Angular function, which works fine when I trigger it manually after making changes to the calendar- just figuring out how to automate that based on any change to the calendar).
I will do some more homework to see if i can find the answer in the documentation, and will close out the post if I do. Thank you for your help.
Used the onEventChanged function to call the updater whenever the calendar events are changed and it now works. Thanks again for the help and now that I can make it work with my Angular controller, it is a pretty slick solution.