fullcalendar

问题 I'm using FullCalendar and scheduler (the most updated version). I want to replace the column header format to 'D M dddd'. I tried using the columnHeaderFormat but It doesn't seem to work. I also tried using the old one which is the columnFormat and it still didn't work. $(document).ready(function() { $('#calendar').fullCalendar({ header: { right: 'today', left: 'timelineSevenDay,timelineFifteenDay,timelineThirtyDay' }, defaultView: 'timelineSevenDay', views: { timelineSevenDay: { type:

问题 I'm trying to use the jquery.fullcalendar plugin using the jQuery UI theming. Everything is ok, except that when the user try to select a time range (week or day view) the selection is displaced about one hour. You can see this behaivour in this fiddle. I've reduced the problem and I arrived to the conclusion that the problem comes from the CSS code. In the fiddle I've copied the problematic CSS code (corresponds to the jQuery UI CSS framework). If you remove this CSS code, the selection

问题 My RoR website implements a calendar using the fullcalendar gem. Each user has a calendar that shows the events which he or she is attending. The following scenario sets the stage for my question: User Alice clicks an event on her calendar, which leads to the event's show page. Alice clicks the 'unattend event' button on the event's show page Alice clicks the back button. The event that she just unattended is still listed on her calendar. How can I make the browser refresh Alice's event

问题 I have integrated full calendar with my Google calendar, I have already disabled on click of each event, because I didn't want to share all the details of an event with others on my website. I just wanted to show when I am busy and when I am free. The problem is that I even want to hide titles of events, and only display the 'location' or 'where' field of a google event. although the response I get includes the location, I don't know how should I get it and display it. Here is my code: header

问题 The event tooltip event render works fine until i add a bootstrap css Working site https://fullcalendar.io/docs/event-tooltip-demo When i add the following to the css https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css It breaks the tootips from being displayed. Here is the same demo on codepen with the css added to it https://codepen.io/ryan-ramsumair/pen/GLGpwQ?editors=0110 How can i remedy this ? 回答1: Changing : eventRender: function(info) { var tooltip = new

问题 I'm trying to format my web service result (JSON) to look like the mentioned example. With this current format FullCalendar is not able to display my events. If you look at my output you will see that the date format is different from the example even though I tried not to use (ToUnixTimespan) and I have double quotes on every item such as, title,start,end and id. How can I get rid of those double quotes and format the date and time? I appreciate your efforts in reaching a solution for my

问题 I want to mix my own events and retrieve from google calendars the holidays for a given country. I have my API key etc.. I get my data from ajax calls, and build my events as my_events.push({title:name, start: moment(date_begin), end:moment(date_end) }); works perfectly. Now I want the holidays. In the demos of full calendar in github, i see the following code: googleCalendarApiKey: 'xxx', // US Holidays events: 'usa__en@holiday.calendar.google.com', It works (with my own key of course). But

问题 As shown in this plunkr example, a new event can be added and displayed when the event is appended to $scope.events directly. However, if I update $scope.events through factory.events, the new event is not displayed on the calendar. http://plnkr.co/edit/BkdzJJ?p=preview This has to be something really simple that I'm missing, but I've been struggling with this issue for weeks now. Can you please help? app = angular.module('myApp'); function CalendarCtrl ($scope, gDataService) { var today =

问题 I am using the FullCalendar UI to display calendar events from a table in the database. The issue that I am having is, when I have an event that is less than 1 hour in duration length, the subject of that event will not be viable. I have attached a screenshot to show you how it is currently being displayed. When looking at the the first event "IT Meeting" it appears with no problem. On the other hand, the next event (ie. starts at 5:24PM - 6:00 PM) the subject is not readable. How or what can

问题 I'm using FullCalendar, and I realize that if the window is resized, FullCalendar's default is to handle the window resize and adjust the calendar as needed. However, I have a slight problem when a nav sidebar is chosen to slide in/out , FullCalendar is left with some extra large weekend Saturdays. (See below). And the opposite is true when the Nav Sidebar slides back out. (The weekends become quite small). The only remedy thus far has been to resize window, which then adjusts the calendar.