fullcalendar

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

I'm using Fullcalendar in my asp.net application. If we need to select a month, or a year in Fullcalendar , there is a method as select . We can pass startDate and endDate to that method and select that period. I need to programmatically select weekends in a month. also need to select week days in a month. How can i achieve this ? What i have tried so far : Here is the Demo . So I've got your answer (I needed something very similar and stumbled across this when looking for help). We need to think outside of FullCalendar and the DOM for a minute. FullCalendar uses MomentJS, and this is about to

I'm trying to change the height of an event (appointment) in FullCalendar. I followed the suggestion in this answer How to edit width of event in FullCalendar? The problem is that I'm not too sure how to set the height so that it's relative to the calendar size. I tried this: eventAfterRender: function (event, element, view) { $(element).css('height', '100%'); } but it actually shows as a thin sliver, ditto for 200%, as if it's not having an effect. This works: eventAfterRender: function (event, element, view) { $(element).css('height', '200px'); } but it's only good for 1920 x 1080 resolution

I have a problem with the events in my fullCalendar object not showing when using ajax to fetch the data from my JSON feed. I believe the JSON format is proper though since the output from JSON.aspx is: [{"id":1,"title":"TESTTITLE","info":"INFOINFOINFO","start":"2012-08-20T12:00:00","end":"2012-08-20T12:00:00","user":1}] I used Firebug and it seems like the JSON feed is not getting fetched properly? When I add the upper JSON-feed directly in the events it displays properly. (Edit) The JSON response is now working, although the events are still not displayed in fullcalendar. JSON.aspx public

I'm looking for a way to show the week number on the agendaWeek view. I've tried this method but without result. Actually, I need to put the number in the calendar title like this titleFormat: { month: "'Calendar<br />'MMMM yyyy", week: "'Calendar<br />Week' W", day: "'Calendar<br />'dddd dd MMM yyyy" } But of course 'W' doesn't exist, is there a way to do that ? Thanks. You can turn on week numbers in FullCalendar with this option: $("#calendar").fullCalendar({ weekNumbers: true }); Here's a link to the relevant documentation: http://arshaw.com/fullcalendar/docs/display/weekNumbers/ Btw, if I

I am using that https://github.com/angular-ui/ui-calendar to use the FullCalendar in Angularjs. It displays the calendar and showing no errors; <div class="calendar" ng-model="eventSources" id="eventCalendar" calendar="calendar" config="uiConfig.calendar" ui-calendar="uiConfig.calendar"></div> but it wont display the events, i am not sure if i am doing it right, but it shows no error and i search through the internet and didnt find a solution yet. Could anybody give me a hint why its not working? Here is the code snippet: var calApp = angular.module('usercalapp', ['ui.bootstrap','dialogs',

I am trying to create a "shift" calendar for someone and I know what day the pattern starts on and I know the pattern for days on and off. But am having troubles translating it into code. They work 4 days, off of work 3 days, work 4, off of work 3 days, work for 4, off 2 days, repeat. I need to create some logic to create an event for a calendar based on this. This is what I have: $(document).ready(function() { var on = [4, 4, 4]; var off = [3, 3, 2]; var startPattern = "2017-03-04"; var days = $('#calendar').fullCalendar('getDate').daysInMonth(); var events = []; for (var i = $('#calendar')