fullcalendar

Trigger once after event created using fullcalendar.io

五迷三道 提交于 2019-12-12 20:25:48
问题 Code: http://jsfiddle.net/AzmJv/1008/ I am trying to create popover using Bootstrap Popover plugin when hover over an event in the calendar. However, I cannot find a way to bind popover() to a new event DOM after it's being created. I tried to use eventAfterRender event according to the doc, but it seems to be triggered for ALL events in the calendar. http://fullcalendar.io/docs/event_rendering/ HTML: <div id='calendar'></div> JS: $(document).ready(function () { $('#calendar').fullCalendar({

Loading calendar events with KnockoutJS

我们两清 提交于 2019-12-12 20:13:42
问题 I have been struggling a while now with this issue. I am unable to bind events to my fullcalendar. I am not sure what to do. I have read many articles about bindings but no success. I do not get any errors my data is not loaded. My question is do I need to create custom bindings for my events? ViewModel function CalendarVM() { this.calendarViewModel = ko.observable(); this.viewDate = ko.observable(Date.now()); // Observable functions this.LoadCalendar = function (events) { var self = this; /

Change day number color on click - not background

♀尐吖头ヾ 提交于 2019-12-12 19:25:40
问题 I need to change the day number color when I click in any day in full calendar. I'm trying to show that the day clicked is activated. I tried to use the recommended textColor, color, borderColor and backgroundColor but only the last one works. dayClick: function(date, jsEvent, view) { $(this).css('textColor', 'red'); }, Thank you. 回答1: Use $('#calendar').fullCalendar({ dayClick: function (date) { var moment = date.toDate(); MyDateString = moment.getFullYear() + '-' + ('0' + (moment.getMonth()

Repeating time on fullcalendar event

守給你的承諾、 提交于 2019-12-12 19:17:51
问题 I'm trying to make some repeating events on a certain time with full calendar. For example i want the events to happen from 1-3-2016 until 1-7-2016. Here is the code that i take all the events. <script type="text/javascript"> $(document).ready(function() { var events=new Array(); var numberofevents = '<?php echo count ($info); ?>'; <?php foreach($info as $module => $kati) { ?> var date = new Date('<?php echo $kati['ModuleSchedule_StartTtime']; ?>'); var day = date.getDate(); var month = date

Fullcalendar clientEvents has zero length

空扰寡人 提交于 2019-12-12 19:13:48
问题 While trying to get my highlight a particular event after the page and calendar was loaded based on information from the URL I learned that I had get the event object to use updateEvent. I also learned that that using clientEvents is the way you are supposed to do this. As I try to use clientEvents I am simply getting an empty array back. The documentation and source seem to agree, that if I don't provide an optional paramater, then I should get back an array of everything currently on my

fullcalendar event click vs link inside the event

我怕爱的太早我们不能终老 提交于 2019-12-12 18:43:04
问题 I have a question. Maybe this is not possible but I was hoping for clarification. Fullcalendar right now has it so if there is a url inside the event, the whole event is clickable and just takes you to that particular url. In my case I need to have a link inside the event that has to be clickable. See Fiddle Please let me know if there is a way to disable the event click itself but only keep the click of the link available. I know that there is a way to disable an event like this: eventClick:

How do I import FullCalendar on my React Project?

不打扰是莪最后的温柔 提交于 2019-12-12 15:13:32
问题 I am getting TypeError: __webpack_require__.i(...) is not a function error when I am trying import FullCalendar from '@fullcalendar/react' on my project which is configured with webpack. I tried manipulating webpack.config.dev.js but couldn't figure out how to implement it in a right way. whenever I am trying to import any of the component from @fullcalendar it is throwing me the webpack error webpack.config.dev.js: import webpack from 'webpack'; import HtmlWebpackPlugin from 'html-webpack

How do I get the resource id when dropping external event onto resourceWeek?

≯℡__Kan透↙ 提交于 2019-12-12 14:43:21
问题 Building a crew scheduler calendar using FullCalendar. Everything is going good until I drop a job from the left onto a day and crew. I need to get the resource row that was selected at time of drop. $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'Resource Scheduling', right: 'resourceWeek,resourceMonth' }, editable: true, droppable: true, defaultView: 'resourceWeek', selectable: true, selectHelper: true, drop: function(date, allDay, ev, ui) { // retrieve the dropped

Fullcalendar display the count of events per day

笑着哭i 提交于 2019-12-12 14:08:48
问题 I using the FullCalendar and i would like display the count of events per day in all views for each days. Example : <div class="fc-day-number">1</div> Change to : <div class="fc-day-count">X</div> <div class="fc-day-number">1</div> Please find a screenshoot as example: link Thanks in advance 回答1: I hope this helps someone but don't know if it's the exact answer you're looking for. To get the number of events that occur on a day you can use the following code: $('#calendar').fullCalendar(

Fullcalendar hide events only in month view

强颜欢笑 提交于 2019-12-12 14:04:58
问题 My problem is hidding events in a specific view. I need to hide events only in month view. Because in month view i have set on day click to redirect to the specific day in day view. and have colored days which depends on the events. So i need that for better looking month view, with colored days only. and when i click on a day go to that and then appear all events normally. I tried with eventLimit but with 0 value show all events. Any idea? Thanks 回答1: You can use css in order to hide events