ap-ng2-fullcalendar icon indicating copy to clipboard operation
ap-ng2-fullcalendar copied to clipboard

Display single event per day in Month View

Open karmadice opened this issue 7 years ago • 2 comments

Hi,

I am using Full calendar in ionic project and I've designed it just like iOS Native calendar. Now the thing is, in my app User can add multiple events per day but I want to display single mark for the day in Month view even if it has multiple events. But in day/week view, it will render as it does by default. I've tried looking for functions/methods for it but could not find any solution. Any idea how I can make it possible?

karmadice avatar Oct 18 '17 06:10 karmadice

Hi @aryanpatel , yes, the best way is to add a custom css class to the event and make them overlap. It's ugly but it works. The cleaner solution would be to filter all events when they get rendered and only render those that are on a new day :) Let me know if any of those alternatives help !

lbertenasco avatar Oct 18 '17 15:10 lbertenasco

@lbertenasco

Thank you for your response. I don't think "filter all events when they get rendered and only render those that are on a new day" would be good idea. You can see here what I want to achieve is : Image of iOS Calendar

Event will start at 7th sept and End on 11th sept. This is the same design i am using. So I want to show single mark for each day insted of showing long event mark. Now If i only render those events that are on a new day and if there is no another event between 7th sept-11th sept, event won't show up for 8th sept-11th sept.

I can split event for each day but its only possible if event is max 6 days long. It won't be good idea if event repeats itself every day for 10-20 years.

Hope to get better solution soon.

Thank you.

PS, Sorry for late reply, I was on vacation.

karmadice avatar Oct 25 '17 13:10 karmadice