My calendar can show only 2 lines in a day cell (month view). The third event of the same day overflows underneath. So I used the property eventLimit, but :
if I set it to true, the cells with 2 events display only "more" (though it's not needed, the 2 events could stand there). None of the events are displayed.
if I set it to 2, the second event is replaced with "more". It is the behavior I would expect when there are 3 events or more. For 2 events, it's a nonsense.
if I set it to 3, when there are 3 events, all the 3 are displayed, though that's when a "more" would be expected.
The "more" should replace the second event only when there are more than 2 events. Is it possible to get this ?
Found !
This behaviour was due to events on 2 consecutive days : 2 events the 25/01, during 2 days, and one more event the 26. That explains why the events on the 25 could not expand on the 26.
Thanks for your help.
Related
In a mobile app, I would like to enable users to create their own tags for each day of a set of events, each event having a variable number of days (from 1 to 15 days). Most events will be only 1 day.
For instance:
Event1 (2 days event)
day1 {tag1:true, tag2: true}
day2 {tag2: true, tag3: true}
Event2 (1 days event)
day1 {tag3:true, tag4: true, tag5: true}
Then I would like to find all events for which one of the days has a specific set of tags.
For instance, all events for which one of the days has the combination (tag1 and tag2) i.e. day1 of event1
Storing tags in maps with true as value should make it possible to compound where queries, one per tag, and check that their value is true. So I could search and find the (AND) combination of tags for each day.
But... what would be the simplest way to iterate the search for each day when the number of days might vary?
I could program to read the number of days for each event, then check if the combination of tags exist for each of the days of that event... feels like a lot of work.
It seems that a TAGS sub-collection and CollectionGroup would not work because it would require the number of days to be known in advance - unless I pre-set that all events to last the maximum number of days... does not feel optimum either
Any idea on how to best structure and query my events, days and tags?
Yo could always add a searchable field to your event doc to satisfy your read pattern.
const event = {
...rest,
flatTags: ["openingDay-race", "finals-race", "afterParty-awards-interviews"],
};
This way you can simply add an index to this field and search the whole collection for the right tag combination (or hash).
I would keep it up to date by listening to the source of truth node for the tag metadata in the document. Then the doc CRUD logic doesn't have to change at all.
How can I display half-a-day events in a slot duration of 1 day?
slotDuration: {days: 1},
I tried to set the duration to 12 hours but then the view gets very cluttered caused by the double weekday name and the shown time. My goal is it to keep the view as clean as possible.
First time using FullCalendar v4.1.0
I thought I had everything working well, but I have run into a problem. I have set my events to all have overlap = true as desired by the business requirements. The problem now is that I have let's say 5 events which stretch from Monday - Friday. Then on Thursday I have 2 more events which span from Thursday - Sunday. On days Saturday and Sunday it will show the +more link instead of displaying the events which started on Thursday as they are hidden from view under the 5 events which started on Monday because of the eventLimit property. Does anyone know how to make these events which begin on Thursday display in days Saturday and Sunday instead of as the +More link button.
I've been reading through the FullCalendar documentation but am having trouble finding any calendar options that apply to my particular situation.
may I ask and need your help also. I am using a full calendar plugin latest version of v3.8.0. I create an event which is the start date is 2018-01-16 23:59:00 and the end date is 2018-01-17 08:00:00 (11:59pm - 8:00am) . The event is plotted only on 1 box which is the day of 16, but when is set it at 2018-01-16 23:59:00 and the end date is 2018-01-17 09:00:00 (11:59pm - 9:00am) the result is set 2 box from 16-17 day.I'm having a hard time on setting this time format for this plugin.
I assume you're talking about the "month" type of view, because this is the only situation where this behaviour occurs. It doesn't make any logical sense in the other view types.
Anyway, this behaviour is controlled by the nextDayThreshold setting. When an event's end time spans into another day, this option controls minimum end time it must have in order for it to be rendered onto that day. The default value is 9am
This can be useful if you have an event which ends in the early hours (e.g. a party) but you don't want people to confused into thinking it takes place the next evening, or runs over into the normal working day or something.
In your case, if you wanted your event to appear, you could set the threshold earlier, for example 7am, in order to change the behaviour:
nextDayThreshold: '07:00:00'
Here are two working demos showing you the difference when you change the threshold:
Default behaviour:
http://jsfiddle.net/sbxpv25p/93/
With nextDayThreshold set to 7am:
http://jsfiddle.net/sbxpv25p/94/
See https://fullcalendar.io/docs/event_rendering/nextDayThreshold/ for more detail about this option.
I am trying to incorporate FullCallendar in one of our application to show events. Now I am facing a problem with business hours. In the month view it is showing wrong end date (one day less than actual) if any event ends before 9 am. So for example, say I have two following events
Event 1: Start date&time : 2016-11-09T10:00, End date&time : 2016-11-20T17:30
Event 2: Start date&time : 2016-11-09T10:00, End date&time : 2016-11-20T08:30
In this case in the month view, Event 1 is covering all dates from 9 to 20, however Event 2 is covering dates from 9 to 19.
I tried in Google with this issue and found following link
How to set the business hours
But it does not solved the issue. I want to disable business hours. I tried by setting it false. But nothing happen.
Please help
Please use nextDayThreshold option in full calendar
nextDayThreshold: '00:00:00'
for more information:
https://fullcalendar.io/docs/event_rendering/nextDayThreshold/