fullcalendar

Fullcalendar: draggable object rejects fullcalendar as droppable even though fullcalendar accepts drop

由 有些话、适合烂在心里 提交于 2019-11-30 18:42:27
I have set up FullCalendar to accept drops, which it does. But the draggable object, which I have constructed with revert:'invalid' does not seem to recognize the dates on FullCalendar as droppable, and reverts back. Here is my code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>mydrag</title> <script src="fullcalendar-bundle.js" type="text/javascript"></script> </head><body> <div id="mydrag" style="width: 200px; height: 100px; background-color: red;">My

Handle dblclick in Fullcalendar jQuery plugin

由 不问归期 提交于 2019-11-30 18:06:33
I know that this question has been asked before, but several new versions have been released since then. Is it possible to handle a dblclick event for creating a new appointment in the calendar without having to modify the fullcalendar.js file? It would be great to handle this extension in a separate file together with my other tweaks. Thanks in advance! /Adam Adam's post at https://code.google.com/p/fullcalendar/issues/detail?id=231 uses this solution. whenever possible i like to keep things out of the core of fullcalendar, and have people do them through the api. the only reason i have

jQuery fullCalendar displayed undefined on title

由 孤人 提交于 2019-11-30 17:53:46
i'm using jQuery fullcalendar on a ReactJs component. i have a <div id="calendar"></div> on the render method and on componentDidUpdate , i updated the calendar with the following codes: $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, events: _this.state.events, defaultView:'month', displayEventTime: false, editable: false, droppable: false, durationEditable: false }); and it shows "undefined" character on title. where did i go wrong? and how to debug where the undefined string came from? currently, i made a hacked

Add font awesome icon to full calendar title

由 送分小仙女□ 提交于 2019-11-30 17:46:14
I'm using wordpress, formidable forms and full calendar to create a bespoke calendar solution I have everything working except for I'd like to add a font awesome icon at the front of each title in the calendar. If I add any html in the title like my code below I just see the code printed and not the final results. $('#calendar').fullCalendar({ events: [ { title : '<i class="fa fa-asterisk"></i>event1', start : '2010-01-01' }, { title : 'event2', start : '2010-01-05', end : '2010-01-07' }, { title : 'event3', start : '2010-01-09T12:30:00', allDay : false // will make the time show } ] }); Could

Fullcalendar: draggable object rejects fullcalendar as droppable even though fullcalendar accepts drop

由 安稳与你 提交于 2019-11-30 16:52:52
问题 I have set up FullCalendar to accept drops, which it does. But the draggable object, which I have constructed with revert:'invalid' does not seem to recognize the dates on FullCalendar as droppable, and reverts back. Here is my code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>mydrag</title> <script src="fullcalendar-bundle.js" type="text/javascript"><

Remove past dates and next months dates from the current month

由 纵然是瞬间 提交于 2019-11-30 16:27:47
问题 Is it possible to remove the past dates and next month's dates from the fullcalendar? So for the current month it should display only current dates and days. 回答1: You could try skipping the events in the eventRender() method: eventRender: function(event, element, view) { if(event.start.getMonth() !== view.start.getMonth()) { return false; } } 回答2: The grid cells for the next and previous month have the class "fc-other-month", so you can target them that way: e.g.: The hide the day numbers,

FullCalendar open bootstrap modal on dayClick

由 半腔热情 提交于 2019-11-30 13:30:21
问题 I want to open a bootstrap modal when users click on a day in fullCalendar. I have look over dayClick event but can't figure out how to call the model. dayClick: function(date, jsEvent, view) { // call the model }, Normal link to call a bootstrap model <a href="#" data-toggle="modal" data-target="#myModal"..................../> EDIT : I use only 1 bootstrap model for all my needs and simply change the content. The way I do this is by calling a href .. so my link looks like : <a href="<?php

Import iCal (ics) with fullcalendar?

由 为君一笑 提交于 2019-11-30 12:36:47
What would need to be done in order to load .ics files with fullcalendar? I cannot use php or .net unfortunately. what you would need is to write your own extension to fullcalendar (similar to the gcal.js which is provided with fullcalendar) something you could call ical.js You should know that writting an complete ical parser can be quite draining so you may want to consider sticking with google calendar for your back-end unless you have a compeling reason. Should you go down the road of developping your own extension for fullcalendar you may want to have a look at an existing jquery ical

FullCalendar open bootstrap modal on dayClick

由 筅森魡賤 提交于 2019-11-30 10:47:29
I want to open a bootstrap modal when users click on a day in fullCalendar. I have look over dayClick event but can't figure out how to call the model. dayClick: function(date, jsEvent, view) { // call the model }, Normal link to call a bootstrap model <a href="#" data-toggle="modal" data-target="#myModal"..................../> EDIT : I use only 1 bootstrap model for all my needs and simply change the content. The way I do this is by calling a href .. so my link looks like : <a href="<?php echo site_url('model/add') ?>" data-toggle="modal" data-target="#myModal" role="button" class="btn-u btn

How do I use multiple sources with the jQuery plugin fullCalendar?

由 做~自己de王妃 提交于 2019-11-30 10:08:17
I've got a functional fullCalendar http://arshaw.com/fullcalendar/ working retrieving a single source from Google Calendar for the events like so: $('#calendar').fullCalendar({ events: $.fullCalendar.gcalFeed( "http://www.google.com/calendar/feeds/etc", // feed URL { className: 'gcal-events' } // optional options ) }); My challenge is however to have multiple feeds coming in. The fullCalendar documentation says: eventSources: Array Similar to the 'events' options, except one may specify multiple sources. For example, one may specify an array of JSON URL’s, an array of custom functions, an
订阅 fullcalendar