The best solution is it to implement your custom view. Put in a new JS your own defined view : $.fullCalendar.views.twoweeks = TwoWeeksView; function TwoWeeksView(element, calendar) { // copy code from fullcalendar.js line 1960 }
Since your question shows you haven’t tried anything , guessing you know javascript and tried some hands on full calendar js. Suppose you have model named Event for displaying different events in calendar. class Events(models.Model): even_id = models.AutoField(primary_key=True) event_name = models.CharField(max_length=255,null=True,blank=True) start_date = models.DateTimeField(null=True,blank=True) end_date = models.DateTimeField(null=True,blank=True) event_type = models.CharField(max_length=10,null=True,blank=True) def __str__(self): return self.event_name In … Read more
I think you have problem with js try the below urls it may solve your problems, <script src=”http://fullcalendar.io/js/fullcalendar-2.1.1/lib/moment.min.js”></script> <script src=”http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery.min.js”></script> <script src=”http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery-ui.custom.min.js”></script> <script src=”http://fullcalendar.io/js/fullcalendar-2.1.1/fullcalendar.min.js”></script> <script> $(document).ready(function() { $(‘#calendar’).fullCalendar({ defaultDate: ‘2014-09-12’, editable: true, eventLimit: true, // allow “more” link when too many events }); }); </script> If the above code works then download the js files … Read more
There are some methods called removeEventSource() and addEventSource() that allow you to tweak the sources list. I had a similar situation where I needed to hide one of the sources in month view, but show it in other contexts, and I found removing and re-adding elements in the eventSources array the cleanest way to achieve … Read more
Since version 2 of fullCalendar you can use the eventRender callback to selectively render an event. Combine this with a call to the rerenderEvents method in your onChange handler, and your events should automatically update based on the selected option. $(‘#mycalendar’).fullCalendar({ events: [ { title: ‘Event 1’, start: ‘2015-05-01’, school: ‘1’ }, { title: ‘Event … Read more
I made a function that checks whether the given event is overlapping other or not. Returns true if the event is overlapping other and false otherwise. function isOverlapping(event){ var array = calendar.fullCalendar(‘clientEvents’); for(i in array){ if(array[i].id != event.id){ if(!(Date(array[i].start) >= Date(event.end) || Date(array[i].end) <= Date(event.start))){ return true; } } } return false; } You can … Read more
How about adding event listeners to the cells of already initialized calendar and applying some magic, like this: $(‘#calendar table.fc-border-separate td.ui-widget-content’).on(‘touchstart’, function (event) { /* touch start processing, probably cancelling like*/ event.preventDefault(); event.stopImmediatePropagation(); function mouseMoveHandler (event) { /* processing actual drag */ /* possible also cancelling default behavior and instead calling Calendar API */ } … Read more
I just had the same problem trying to extend jquery UI plugins, and here is the solution I found (found it through jquery.ui.widget.js): (function($) { /** * Namespace: the namespace the plugin is located under * pluginName: the name of the plugin */ var extensionMethods = { /* * retrieve the id of the element … Read more
Simple Repeating Events To add a simple alternative to those listed here, Fullcalendar now (somewhat) supports weekly recurring events. So if you only need something like: [Every Monday and Thursday from 10:00am to 02:00pm], you can use the following: events: [{ title:”My repeating event”, start: ’10:00′, // a start time (10am in this example) end: … Read more