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/
Related
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.
How do I go about displaying a long-running event with no end date? The data provided to me only shows when the event started but no end date because it's set to "Forever". It appears that when I only provide the start option, it only sets the event to show up on that day and not the following days.
I have a possible workaround for this, where if there is no end date from the event source, I always set the end date to 24 months from today, but that means if someone navigate the calendar past 24 months, the event would appear to have ended then. Would be nice to have something that will just keep going forever.
I have training events from database and their start and end dates are in this format "YYYY-MM-DD". For example is:
{
'title':'English Training',
'start':'2015-05-19',
'end':'2015-05-23'
}
But when it is rendered in calendar, it shows wrong end date
I tried adding 12hours on endDate (*just like the answer * here) , and yes it works but now I'm unable to extend the day for an event.
I want to fix this wrong end date issue without losing the capability to extend events. Do you know any solution or hacks?
Adding 12 hours on the endDate of your event won't make it an allDay event anymore, which is why you will loose the ability to extend your event in month view.
However, adding 1 day on the endDate will work perfectly as :
Your event will remain an allDay event (so it will remain extendable)
Your endDate will become 2015-05-24 (understood by FullCalendar as 2015-05-24T00:00:00) which means that your event will end at the very first minute of 2015-05-24 which is what you want.
To conclude : if you want an allDay event to end at midnight of day1, you have to set its endDate as day2 !
I am really stucked at this.what i want is that there should be 6 table cells in which i should have days with date. like
Monday 4/3/2013 Tuesday 5/3/2013 and so on till saturday
.i have two more buttons,previous week and next week button.. it should automatically show next week when i click the next week button and should show the previous week whenever i press the previous button..
also the i need to take the value of days/month and year so that i can use them in where clause in my sql query..pls its urgent can anyone help me with this...
im providing a link you can see what exactly i want by visiting this link
www.test.ginormous.in/dinesmart/Filestore/Food/Capture.png
i am just giving you the outline as posting the whole code is not possible.
create an asp:panel in your aspx page
try generating the table structure dynamically inside that panel by writing myPanel.innerhtml = "(your html structure generated in a string)"
use theDate.AddDays(7 - (int)theDate.DayOfWeek) to get the date for this weeks sunday.(where theDay is the current date or the date given by you and change 7 to 6 if you want it for monday as this returns date for sunday etc..)
on previous and next click you can add or subtract 7 days from the first day of the weel that is generated above.
hope this helps you.
I have a event data which contains startdate and end date , i want to see the calendar holding that event,now what is happening is it is showing the current week calendar ,but if my event having previous week satrtdate means i have to go to previous week and and i can able to see the event data in calendar..but i want to focus that date calendar at first shot itself..pls do the needful its urgent, i think i have to change something in fullcalendar.js but i dont know where to change pls do needful
Check the documentation for FullCalendar... http://arshaw.com/fullcalendar/docs/current_date/
This shows parameters that can be set to get the calendar to initate at a particular date.. by default it will always start at todays date.