I am working on a web page that has FullCalendar in it. I would like to make the agendaWeek-view show time from 06:00 to 22:00 with interval of 4 hours. The 06:00-22:00 time works as it should but how can I change the interval count to start from 06:00? It starts counting from 00:00 and now the first visible time label is 08:00 but I want it to be 06:00. In short, the calendar starts from 06:00 with no time labels on it until at 08:00.
I can't be sure because you have not posted any code but I think this is what you are looking for. slotDuration will let you change the interval where the calendar will display times. So if you set slotDuration: '04:00:00' it will only show a time interval every 4 hours. See an example here.
Related
This is for a custody calendar which shows who has the kids and when. There is a situation revolving around several holidays that happen on x Monday of every year. The custody terms give a parent time on that Monday as well as the Sunday before. For example, MLK day is celebrated on the third Monday of January every year. Since it's possible for January to begin on a Monday, I can not begin the calendar event on the third Sunday as it will displace the event by a week.
Is there a way to trigger the event on the third Monday but include the Sunday before within the ICS file?
I'm not sure where to begin here. I have not been able to find anything relevant while searching for a solution.
The problem occurs when you have an event, which starts for example on October 23 11:45, repeats every day, with no end date
Once October 30 reaches, this event starts to be shown from 10:45 (Because in my country daylight saving time happens on a night from 29 to 30 October)
Is there are any way to prevent this behaviour ?
What I tried already: use tzid on RRULE plugin which I'm using for recurrence
Changing timezone of fullcalendar itself (per parameter) is not an option for me
I'll attach fullcalendar representation of this problem
I'm expecting to see that event starting at 11:45 and not 10:45
Event series before savings day
Event series after savings day
You can notice how hour chagned
I want to set my start and end time and make my daily time twenty four hours with Fulll Calendar io. For example, can I display it as nine in the morning and nine in the next day, or is there another library I can display?
We are use the Fullcalendar plugin for booking our events
Al lot of the events take place around midnight so often we see events starting at 22:00 and ending at 4:00. It is possible to insert these in Fullcalendar in the week view but it is a little tricky. It would make more sense to us to start the days at 8 in the morning and end at 8 in the morning so events will usually be visible in a single day.
I did not find this option in the documentation, so I would like to know if there is an existing implementation that does this job or else find a hint where I would start to enhance Fullcalendar to make this possible.
It is possible using the minTime and maxTime by setting them as the following.
minTime: "08:00:00",
maxTime: "32:00:00",
Here is a codepen showing this.
However it is quite buggy. If you try to put a small event into the time that would be the next day after 12PM, then the calendar does not really know what to do and the even will be be out of view. If the event is at least long enough to bring it to the next day past 8AM then it will be visible across both days. Due to the bugs with this method I would suggest using the calendar with its default minTime and maxTimes is the best approach.
I am trying to think of the best way for a user to input a start hour an end hour but I need to be able to support both AM/PM and 24 hour time representation. Currently I was thinking of a drop down list with AM, PM, and Military to distinguish each time but since this is a page for time sheets that would mean 56 drop down lists and that sounds TERRIBLE
Do you have suggestions on how to do this ? Is there a javascript time picker that already does this ?
There's a box where you can type the hour and grayed-out AM/PM dropdown/radio button set. If the user types in a number less than 13 in both boxes, the AM/PM chooser activates and is required. If they enter a number greater than 12 in either box, it doesn't.