I am trying to implement recurring events in mwlcalendar in Angular. I have the events and the occurences for recurring events. how to show it in the calendar
I have used moment-recur plugin to generate occurences but I want to show the occurences in mwlcalendar as well
Related
I am using react-big-calendar to render events, and I using month,week,days view. Everything works fine in month view, but if there are multiple events with same time slots then it would render in a single row(ref image below). Is there any way to render the event column-wise? Also, are there any good alternatives to react-big-calendar?
Unfortunately, the documentation site is out of date, or you'd know about the new dayLayoutAlgorithm prop. From the updated documentation (available by cloning the repo and running the 'examples'):
dayLayoutAlgorithm
A day event layout(arrangement) algorithm.
overlap allows events to be overlapped.
no-overlap resizes events to avoid overlap.
or custom `Function(events, minimumStartDifference, slotMetrics,
accessors)
type: custom
default: overlap
I'm trying to retrieve particular day event ui element from angular UI calendar but there are no functions available.
Now I'm getting all Events UI components by
$('.fc-event-container')
which will provide all the event element UI rendered then I have to iterate over and find the corresponding event element UI.
Could any one please suggest me better way of retrieving event element of a particular day by date.
Note: Events in the calendar are recurring events so all will have same id on that day of the week
My requirement is that I need to create a simple sap.ui.unified calendar and once I click on a particular date in the calendar,it should navigate to a SAP Planning calendar which should give the meeting details for the particular day alone.I have created the sap.ui.unified calendar and a seperate sap planning calendar.Iam unaware of how to navigate to a particular date's event in planning calendar on click of a date in smple calendar. Can anyone help me how this can done?I have used the "select" event for the calendar.But it selects the whole calendar.Can anyone provide code of how an event can be applied to a particular date for a calendar?
You can use this method for single date selection (api) of class sap.ui.unified.Calendar:
getSingleSelection();
After event select (which you used) is raised.
You can get the selected date from the calendar with the method oCalendar.getSelectedDates().
There is also an example in the OpenUI5 Explored on how to get the selected date.
I am using Angular UI Calendar to display some events on the calendar. Whenever the calendar is loaded for the 1st time, the events extend to next date or shown on some other Date.
However when I change the View(Day/Week) and come back again to Month view, then events are displayed fine. Similarly, after changing month and coming back again to the current month , the events are displayed correctly.
Also, I've noticed that the calendar height also increases by 95px after changing the view(when displayed correctly).
Why is this occuring. How can I render events correctly for 1st time?
The problem was with CSS. Solved it.
I'm using fullcalendar script for my app. My requirement is to modify the full calendar day view in such a way that it will have multiple columns in a single day agenda view. Is it possible to do the modification in the full calendar to have this thing ?
-