fullcalendar

Change color of past events in Fullcalendar

霸气de小男生 提交于 2019-12-04 22:02:10
问题 I'm trying to implement this solution to "grey out" past events in Fullcalendar, but I'm not having any luck. I'm not too well versed in Javascript, though, so I assume I'm making some dumb mistakes. I've been putting the suggested code into fullcalendar.js, inside the call for daySegHTML(segs) around line 4587. I added the first two lines at the end of the function's initial var list (Why not, I figured)—so something like this: ... var leftCol; var rightCol; var left; var right; var skinCss;

AgendaWeekView: Manipulate day split at midnight

大城市里の小女人 提交于 2019-12-04 21:43:26
First of all thanks to Adam Shaw for his great Fullcalendar. I have a problem with the automatic day splitting, whenever an event belongs to two days. This works great in general, but is a problem in my specific use case: I modified AgendaWeekView to show multiple rooms side by side, so each day has multiple rows: 2011-01-01 | 2011-01-02 R1 | R2 | R3 | R1 | R2 | R3 I customize my events before giving them to Fullcalendar, mapping 2011-01-01 Room 1 at 2011-01-01, 2011-01-01 Room 2 at 2011-01-02, ... 2011-01-02 Room 1 at 2011-01-04 and so on. Everything works fine with some changes to

Disable highlight of an external event in fullcalendar

纵然是瞬间 提交于 2019-12-04 21:35:47
I am using the fullcalendar jquery plugin v2.6.1. Actually, I want to prevent the highlighted option of an external events while dragging to the calendar. Is there any possible way to disable the fc-highlight from the event or any option to show the highlight on the basis of event size. I mean to say that I have an external event with start and end time e.g the event starts from 10:00 and ends at 11:00 but when I'm dragging that event to the calendar, the fc-highlight always covered the two hours slot. Picture attached below So in the picture, the grayish highlighted box in red stroke Event 2

full calendar header options as drop down navigation

ε祈祈猫儿з 提交于 2019-12-04 21:22:18
I have to put fullcalendar header options(i.e Day view, Week view and Monthly view) in a drop down menu. After selecting one of this option, it'll go to particular one. How can we customise this ? Any one have idea about how to do this ? Any help would be appreciated. To get the drop down navigation, you need to make header as false and you have to pull navigation bar HTML code from browser and put in HTML file. You should call full calendar with those navigation bar classes and it'll work fine. Here is my working code pen, please check it. full calendar drop down menu navigation HTML file

How to display a specific month in fullCalendar?

末鹿安然 提交于 2019-12-04 21:20:49
I have two columns with a type value of date in one table. (1.ri_startDate , 2.ri_endDate) These two columns store different dates. ri_startDate > 2017-12-3 ri_endDate > 2018-3-4 When displaying fullCalendar I would like to display the month based on these two values. To put it easily, "2017-December, 2018-January,February,March" I would like to display only four months. (Other months prevent the expression) How do implement this? Tell us what you think. 来源: https://stackoverflow.com/questions/47897288/how-to-display-a-specific-month-in-fullcalendar

jQuery FullCalendar JSON date issue

雨燕双飞 提交于 2019-12-04 21:19:03
I am integrating jQuery plugin FullCalendar , overall it has been really straightforward. I however have ran into a problem with adding events to the calendar. I am using ASP.NET MVC 1.0 and have found and followed this post . I am returning JSON to the FullCalendar and the events are getting bound, but they all show up as all day events. I am formatting the dates as ISO8601 format as documented at their site. Calendar Javascript $('#calendar').fullCalendar({ events: "/Calendar/GetEvents/" }); JsonResult public JsonResult GetEvents(double start, double end) { var fromDate = Utility.Dates

Multiline titles in fullcalendar 2.1.0-beta1/2 in day grid

百般思念 提交于 2019-12-04 21:16:29
问题 I just upgraded fullcalendar in my project from 1.5.2 to 2.1.0-beta2. Since then my event titles are cut in the first line (overflow hidden) because of a new CSS style introduced here: https://github.com/arshaw/fullcalendar/commit/afe97d112a63c64f5e46a6ebfed144ccbf7a0a28 .fc-day-grid-event > .fc-content { /* force events to be one-line tall */ white-space: nowrap; Is there any reason why events are forced to be one line tall? If I don't want this, is it ok to just overwrite this style or will

Scroll to next month in fullcalendar.js

妖精的绣舞 提交于 2019-12-04 21:09:34
I want to scroll through months in month view of the fullcalendar.js plugin. Does anyone know how to do this? Thanks! Richard Löwenström Listen to the scroll event using jquery or whatever. Look here for example Use the next and previous methods. If you only want to allow scrolling when on a certain view (i.e. the month view) then you can use the getView method to check what view you're currently on. Here is the JS code to have infinite scroll in an fullCalendar Scheduler : $(document).ready(function() { $('#calendar').fullCalendar({ header: { left: 'today prev,next', center: 'title', right:

how to refresh fullcalendar v4 after change events object using ajax

百般思念 提交于 2019-12-04 21:07:32
i use fullcalendar v4 to show events. events shows in load normally ,but i need to add a filter using multiple checkboxes and refresh fullcalendar events after onchange checkbox with ajax . after change i get the new object events but i need to refresh fullcalendar i try with calendar.render(); but not working fullcalendar V4 !! fullcalendar script var taskEvents = JSON.parse($("input[name=tasks_events]").val()); var calendarEl = document.getElementById('tasks_calendar'); var calendar = new FullCalendar.Calendar(calendarEl, { locale: 'fr', plugins: [ 'interaction', 'dayGrid', 'timeGrid' ],

Expand Adam Shaw's Full Calendar to show Years and Months

余生长醉 提交于 2019-12-04 17:14:49
I'm looking at using Adam Shaw's excellent Fullcalendar in an application. Their is a requirement however to show multiple years as a view and multiple months as a view. I can't immediately see how I can tailor Fullcalendar to achieve this. I can see the AvailableViews ( http://arshaw.com/fullcalendar/docs/views/Available_Views/ ) could the answer, but unfortunately the documentation doesn't suggest why the next steps maybe if someone wished to expand this. Suggestions on where to start looking, or any code snippets would be appreciated. Help, as always, is appreciated. It seems someone has