FAQ Database Discussion Community


Highlighting the selected date in FullCalendar

fullcalendar
I'm trying to make the selected day in FullCalender.io highlighted (similarly to how the current day is). Following FullCalendar - Highlight a particular day in week view I've tried the following, which basically re-renders the calendar on a click, and highlights the cell who's date matches the clicked date ....

Using fullcalendar.io with JSONP

javascript,jquery,ajax,json,fullcalendar
I'm trying to add public holidays to full calendar. http://fullcalendar.io/ var actionUrl = @Html.Raw(Json.Encode(@Url.Action("Calendar", "Lecture"))); $('#fullcalendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, eventTextColor : "Black", eventSources: [ { url: actionUrl, data: function() { return { campusIds: getCampusIds(), lectureRoomIds: getLectureRoomsIds(), lecturerIds: getLecturerIds(), eventTypeIds: getEventTypeIds(), } }, error:...

Jquery qtip “is not a function” - Ruby on Rails

jquery,ruby-on-rails,fullcalendar,qtip2
I'm trying to get qtip to work with rails FullCalendar, but haven't been able to get past the error "is not a function" when setting up a qtip. I'm just getting back in to Jquery/Rails and apparently this is typically a js file load issue. However, it seems like the...

Hiding Events without a Description in FullCalendar + Google Calendar

jquery,fullcalendar,hide,google-calendar,information-hiding
I am using FullCalendar 2.3.1 and a Google Calendar feed. I know you can set portions of eventRender to show/hide specific portions of the event that aren't shown at default (such as adding in the Event Description on an event). I was wondering if it were possible to use a...

FullCalendar open bootstrap modal on dayClick

twitter-bootstrap,fullcalendar
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"...

AngularJs - Get return value of a function

angularjs,fullcalendar
I'm using FullCalendar plugin in a Angular project and trying to alert a value on select method of the plugin. //Directive app.directive('calendar', function(){ return { restrict: 'A', scope: { select: '&' }, link: function(scope, element, attrs) { element.fullCalendar({ selectable: true, select: function(start, end, allDay) { scope.select(start, end); //alert(start); } });...

Populating events in full calender javascript from the database

javascript,php,mysql,codeigniter,fullcalendar
I am making a booking system in php using codeigniter. Now I want to populate the events in full calender depending on the value I am fetching from the database. My code : <script src='<?php echo base_url();?>assets/fullcalendar/fullcalendar.min.js'></script> <?php $var=0; foreach($query->result() as $row) { $var++; $booking_date = $row->booking_date; $booking_start_time = $row->booking_start_time;...

how to find day of dropped event date in fullcalnedar

jquery,fullcalendar
I am using fullcalendar v2.0.0 in my project.I have to alert that "You can not move this event to sunday." while any event drag and droped on sunday date. eventDrop : function(event,revertFunc) { var day = event.start.day // my assumption if(day == "Sunday") { alert("You can not move this event...

Fecting event in Full Calender using codeigniter?

php,jquery,ajax,codeigniter,fullcalendar
I successfully store and retrive event from database using ajax now how to show this into events in fullcalnder?? Saving event in Database: Using Ajax. $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, defaultDate: '2015-02-12', selectable: true, selectHelper: true, select: function(start, end) { var title = prompt('Event...

How to re-size (stretch start or end date) events on Angular UI Calendar?

fullcalendar,angular-ui
I haven't been able to find out whether the following options exists in Angular UI Calendar (http://angular-ui.github.io/ui-calendar/) or not. http://fullcalendar.io/docs/event_ui/eventDurationEditable/ Here is the calendar init code /* configuration */ $scope.uiConfig = { calendar:{ height: 'auto', editable: true, header:{ left: 'today prev,next', center: 'title', right: 'month basicWeek basicDay' }, eventDrop: $scope.onEventDrop,...

Full calendar Timezone Moment js Issue

javascript,timezone,fullcalendar,momentjs
i've been wrestling with this for a while now, so reaching out for a bit of help please. I have a realtime multi timezone application that uses Signal R, all datetimes are stored and broadcast using UTC and I want to manipulate them client side to avoid multiple broadcasts for...

impossible to convert a date more than three weeks with momentjs

fullcalendar,momentjs
I am trying to use the plugin js calendarfull initialized and I would like the calendar. and then stored in the db. as I receive a date in FR, at first I call into IN with momentjs like this: moment(new Date("01/05/2015")).format("YYYY-DD-MM") it returns me well : 2015-01-05 Now if I...

Get details of days of week using fullcalender

javascript,php,jquery,fullcalendar
I want to get a detail (only date of week) of days of a particular week using fullCalender control. I am getting detail of particular day only but i want a detail of whole 7 days of particular week. If I change week from 18 to 15 then data should...

Displaying the JqueryUI dialog box at a given coordinates of the screen

javascript,jquery,css,jquery-ui,fullcalendar
I am devoloping a calendar web app using fullcalendar.I wanted to imitate the google calendar to display information about an event and a delete button when it is clicked.I tried doing this : element.bind('mousedown', function (e) { if(e.which == 1){ var Xcord = e.clientX ; var Ycord = e.clientY ;...

Send additional data to a FullCalendar json feed via POST

jquery,json,fullcalendar
How do I send additional options to the events json feed for full calendar? I can set events as a JSON feed: $('#calendar').fullCalendar({ events: '/myfeed.php' }); and FullCalendar has an option to send additional data via a POST: $('#calendar').fullCalendar({ events: { url: '/myfeed.php', type: 'POST', data: { custom_param1: 'something' },...

Fullcalendar constraint option not working

jquery,fullcalendar
I'm using Fullcalendar for a rails application, and I have been trying to figure out how to use the constraint option to limit where events can be moved or created. I have one Event Source (JSON) that I assign with the constraint id ("available") once each event is rendered, and...

Rails fullcalendar

javascript,jquery,ruby-on-rails,event-handling,fullcalendar
So this is the thing when i add event click in my fullCalendar script in events.js.cofee it crashes with turbolink SyntaxError: [stdin]:7:24: reserved word 'function' <%=javascript_include_tag 'application', 'data-turbolinks-track' => true %> Now this is my orginal events.js.coffee without adding eventClick Note: with this it doesnt crash and works perfectly but...

fullcalendar - moved event again restore to old date when click prev/next

javascript,jquery,fullcalendar
I am using fullcalendar(v2.0.0) in my application. All events displaying from DB and user can drag and drop and updates events. Everything working fine except that dropped event again goes to old date when click on fullcalendar's next/prev button. check my fiddle http://jsfiddle.net/Manivasagam/3E8nk/1021/ $('#calendar').fullCalendar({ events:"/FullcalendarProject/FullCalendarChecking" // my events will be...

Angular ui-calendar => How to use gotoDate?

angularjs,fullcalendar,angular-ui-router
Need help ASAP. What I want is, when I open the scheduling page, the calendar must show the date based on the date I supplied and the view must be in month view. So I came into a solution using fullcalendar's gotoDate function. But the problem is it doesn't seem...

Increasing max-width css for full calendar ignores scrollTime

jquery,css,width,fullcalendar
I am using the amazing fullcalendar and have it all set up. i have the start time shown set to 7 am as opposed to the default 6 am. { firstDay : 1 , //Monday scrollTime : "07:00:00" } this works fine with the standard max-width set by the example...

FullCalendar plugin dayClick not working

javascript,jquery,jquery-plugins,fullcalendar
I've been trying to get the dayClick in the FullCalendar plugin to work, but when I click nothing is happening. Can't figure out what it is I'm doing wrong. I click on a day, but no alert message. jsfiddle below. What am I doing wrong. http://jsbin.com/bicawa/2/edit...

fullcalendar: can't view, the page is empty

php,jquery,html,fullcalendar
I did everything said in the Basic Usage page and added the CDNs accordingly, but I cannot even see the basic display. I tried a jsFiddle example too. I'm very new to this. <html> <head> <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.1/fullcalendar.min.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src=" https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/locales.min.js"></script> <script...

Opening Google Calendar event links from within Full Calendar using Magnific Popup

fullcalendar,google-calendar,magnific-popup
I'm using Full Calendar to pull in Google Calendar information and would like to do something similar to this which populates empty elements in a hidden element when links in the calendar are clicked, and then displays it in a Bootstrap modal window, except with Magnific Popup which I'm already...

Adding custom month buttons to FullCalendar

jquery,fullcalendar
I'd like to be able to add a row of buttons across the header of the calendar that displays the months of the year, and when clicked, takes you to that month in month view. I've tried and failed to to add this using views. In this example I want...

jquery calendar pull information from mysql database

php,jquery,mysql,fullcalendar
I have a jquery calendar and I want to populate this with data from mysql database, my php script works on its own i.e displays data correctly however I am struggling to get this to work with the calendar script. Any ideas anyone? Here's my code;- <script> $(document).ready(function() { $('#calendar').fullCalendar({...

How do I add cursor pointer on each day ( greater then current day ) block of fullcaledar.

jquery,fullcalendar
I need to add cursor on each day that is greater then current date in full calendar.

fullcalendar doesn't show events

javascript,json,fullcalendar
i want to add some event to the fullcalendar. A webmethod in aspx generate a json to the js But i can't link the result of the web method with the full calendar, I just can add manuals events. the js : $(document).ready(function () { $('#btnInit').click(function () { var start...

FullCalendar event directing to wrong url

javascript,php,mysql,url,fullcalendar
So I have set up FullCalendar to my site. I used this tutorial. Everything works fine except the urls I add to events on my calendar. So when I've added a URL to an event it should direct me to that url when I press on the event. For example,...

fullCalendar User events

javascript,jquery,ruby-on-rails,fullcalendar
I'm stacked. I have basic fullCalendar for User model. I want to add 2 buttons, where User can separate calendar into two. In first he get only his events and in seconds he get all events of all users. How should i do this? im new at rails :) this...

FullCalendar today-button: date instead of text // issue with the lang

javascript,fullcalendar,momentjs,spip
I want to show the current date instead of a fixed text in the today-button. This >> irismediainfo3.lili.de is the development-website I am working on. I could not find an option for that in the docs, so I searched in the moment.js-docs and found: moment().format(); and used it in the...

Full calendar and Laravel load error

javascript,php,jquery,fullcalendar,laravel-5
I am trying to use full calendar from http://fullcalendar.io/ in combination with the laravel framework but When I try to show the calendar on my page, it doesn't show. The error I am getting is in my javascript: TypeError: $(...).fullCalendar is not a function The code and HTML I am...

FullCalendar Horizontal Time Range Selection

javascript,jquery,fullcalendar
Can someone tell me how to achieve something like below image. How can I select particular time range in selected days. Notice that the selection spans multiple days. It's a horizontal selection across multiple days (as opposed to a continuous one). I am using fullCalendar jquery library. ...

FullCalendar: Passing null in start

javascript,null,fullcalendar
I am using full calendar in one of my projects. The json events contain many entries and in few of the entries the start date is null. I want those events to not be visible in the calendar. But right now, those events are visible in the current date. Is...

How to grey out non working day in agendaDay view with arshaw fullcalendar v2.3.0

javascript,jquery,json,fullcalendar
I am using the latest version of arshaw fullcalendar (version 2.3.0) and have a scenario where a calendar needs to show active working days and hours. Ive done this using: businessHours: { start: '08:00', end: '17:00', dow: [2,3,4,5,6,0] // Monday is not a working day }, In agendaWeek view, it...

fullcalendar - dynamically change row height

jquery,css,fullcalendar
I am trying to dymanically change row height of fullcalendar. Done so far. I added a slider in order to select row height. With a little of jQuery I modify the css of the rows in order to make them wider or thinner. The HTML code: <div id="slider"></div> and the...

How to display events in basicWeek on more than one line

fullcalendar
The title of my event is to long to be entirely displayed. How can I wrapped it on more than one line so I can see the whole title ?

Fullcalender customizing the Agenda display

fullcalendar
I want to make three changes to the fullcalendar Agenda view. Remove start time from events, essentially I just want to display the title in each slot. Change the height of timeslots, I have tried adjusting the contentHeight but that had no apparent effect. Show 30min slots on Y-axis, I...

How do you format the date used in the popover widget title of FullCalendar?

jquery,twitter-bootstrap,fullcalendar
In FullCalendar, how do you format the date used in the popover widget title when clicking '+n more'? Code: <div class="fc-popover fc-more-popover"> <div class="fc-header fc-widget-header"> <span class="fc-close fc-icon fc-icon-x"></span> <span class="fc-title">Tuesday, April 7</span> ... </div> ... </div> ...

Add repeating events to weekdays on FullCalendar

jquery,asp.net-mvc,fullcalendar
I am creating a timetable using MVC and FullCalendar (fullcalendar.io/), and typically adding an "event" to the calendar would look like the following: { id: 999, title: 'This is the class type', start: '2015-02-09T16:00:00', end: '2015-02-09T17:00:00', room: 'This is the room number', module: 'This is the module name' }, However...

How to change the font-color of Jquery Full-calender header title?

jquery,html,css,fullcalendar
I'm using the Jquey full-calender for my work. As in the image I have created the calender but now I want to change the title color of the header (February 2015) to green. (to match it to the theme) So far I couldn't do that. I saw some SO questions...

how to send a month in accordance with fullcalendar display when loaded into a url (angularJs)

angularjs,fullcalendar
guys. i have some question about fullCalendar with angularJs. i have code for config fullcalender : .controller('MyController', function($scope) { /* config object */ $scope.uiConfig = { calendar:{ height: 450, editable: true, header:{ left: 'month basicWeek basicDay agendaWeek agendaDay', center: 'title', right: 'today prev,next' } } }; }); how to send...

Fullcalendar showing 1 hour events as 2 hours

java,fullcalendar
I have the following JSON data: 2015-02-22T04:00:00-05:00 which clearly shows 4am to 5am which is a one hour slot, but in the week agenda view in fullcalendar it is showing as 4am to 6am, as are all 1 hour slots. any ideas why this is happening?...

Is it possible to assign the background colour of a FullCalendar event based on its title?

javascript,jquery,fullcalendar,google-calendar
As FullCalendar isn't able to read the colours that are assigned to events in Google Calendar I need to be able to style the way events are displayed based on the text content of the individual event titles. Having read as many posts as I can find on the matter,...

Full Calendar Event Sources Data passing null values in parameter

javascript,jquery,html5,fullcalendar
I am using jQuery Full calendar. A Button is placed when clicked the full calendar will send post request. On button click the calendar needs to get the values from textbox and refetch events from the site. The error is when the button is clicked the null values from text...

fullCalendarjs method fullCalendar('clientEvents') returns duplicate events

javascript,jquery,calendar,fullcalendar
I am using fullcalendar.io I dynamically populate my calendar, by adding events via evenSources. Such as: $('.add-more-events').on('click', function(){ var myEventSourceUrl = // ... get the event source url somehow var eventSourceColor = // ... get the color for this source var eventSource = { type: 'GET', url: myEventSourceUrl, color: eventSourceColor...

MySQL, JSON and Fullcalendar

php,jquery,mysql,json,fullcalendar
I am working to integrate MySQL events in Fullcalendar. I've read many guide/post but i can't import events from a json script. Now, if I paste the JSON result of "myfeed.php" in fullcalendar, my calendar works and it include all events. If I link fullcalendar to myfeed.php, the calendar is...

How to get the input value from $(this).context

javascript,jquery,input,fullcalendar,contextmenu
My Full calender external events are displayed as following <?php foreach ($plants as $plant) { ?> <div class='fc-event evt'> <input type="hidden" value="<?php echo $plant->hcpd_id;?>" class="abc"> <p class="evt_name"><?php echo $plant->hcpd_name;?></p> </div> <?php } ?> And this is my jquery $('#external-events2 .fc-event').each(function() { var str = $(this).context; $(this).data('event', { title: $.trim($(this).text()), stick:...

Database query with fullcalendar

php,jquery,fullcalendar
OK I'm trying to pull events from a MySQL database to populate a calendar. The start times are stored in Unix time so I have used the following events source. events: { url: '/php/booking_events.php', type: 'POST', data: { start: start.unix(), end: end.unix(), branch: branch.id_office, instrument: inst }, error: function() {...

how to give multiple colors in the same cell in a full calendar?

php,css,codeigniter,fullcalendar
I want to create an event calendar. There are two halls in upstairs and downstairs. and functions should be categorized into am or pm. All together there are 4 different colors for upstairs am, upstairs pm, downstairs am and downstairs pm. I want to divided the calendar cell into four...

FullCalendar: refetchEvents call causes to all meetings to blink during re-rendering

javascript,fullcalendar
I play with fullCalendar and I use refetchEvents: $('#calendar').fullCalendar('refetchEvents'); It works properly and this command calls events method with callback events: function (start, end, timezone, callback) { /* ... */ } however it first remove all meetings from calendar and after - renders new ones. This approach causes to all...

How can I trigger the select callback in FullCalendar for testing purposes?

ruby-on-rails,fullcalendar,capybara
I'm trying to test the select callback of FullCalendar in Ruby on Rails app with Capybara (poltergeist as driver). Any idea how to do this?...

Fullcalendar - How to add time of the day in week view

javascript,jquery,fullcalendar
Default weekview is like this one, no time of the day on left side: http://fullcalendar.io/views/basicWeek/ but I'd like to make the view this way, with time of the day on left side: http://fullcalendar.io/js/fullcalendar-2.3.1/demos/agenda-views.html click 'week' on upper button panel to see it. How do I configure it to make it...

Fullcalendar returning epoch time values to the database

javascript,php,jquery,laravel,fullcalendar
I am using fullcalendar jquery plugin for my page.When i'm inserting new events using the fullcalendar plugin.., its returning me epoch time values instead of UTC timedate values. Below is the code that inserts new data into the database on clicking a date. calendar.fullCalendar({ header: { left: 'prev,next today', center:...

fullCalendar in Rails not matching up right week

ruby-on-rails,json,fullcalendar
I'm trying to implement fullCalendar (using the fullcalendar-rails gem) into my Rails project and although I can display the events on the calendar, the positioning of the events are completely out of whack. Example. The date for this event should be from 02/24 through the 02/28, and it appears that...

Removing all the eventSources in fullCalendar

javascript,calendar,fullcalendar
I have two types of events in my fullCalendar. Few are the fetched from the eventSources using : $('calendar').fullCalendar('addEventSource' , 'source') And few are created by the user. I am using $('calendar').fullCalendar('renderEvent', eventData, true) Now upon clicking a button I want to remove all the events that are obtained from...

Setting custom colors when fetching events data using FullCalendar does not seem to work

jquery-plugins,fullcalendar
I am using the FullCalendar JQuery plugin and fetching the events data via a simple array of events. That works fine, however, I can't seem to set custom colors for those events. I've followed the official documentation. What am I doing wrong? I am trying to set the 'color' and...

Fullcalendar Month View - adjust to actual number of weeks in month

printing,fullcalendar
Using latest fullcalendar.io, the number of weeks that are displayed in month view is appropriate for the first month that renders. When using the prev/next buttons, if the next/prev month has less weeks than the current month, it still renders the current month's number of weeks. Right now it's May...

How to add jQuery if statement inside a set of plugin options?

javascript,jquery,fullcalendar
I'm trying to get a calendar plugin (FullCalendar) to display a different number of days depending on whether the user is viewing the site on mobile, tablet, or desktop breakpoints. For this, I need the calendar to display a normal week on desktop and 3 days on mobile. Like normal...

FullCalendar gotoDate loses drop event with multiple calendars

javascript,jquery,fullcalendar
We are making a web application where users can create theire own calendars. They should be able to create multiple calendars (all in view agendaDay) on one page. There are external events that have to be dropped on the calendars to make appointments. Everything we want to do is working...

Change defaultDate after Calendar is created (fullcalendar)

javascript,jquery,calendar,fullcalendar,sapui5
I´m integrating the JavaScript Calendar, called fullcalendar ( fullcalendar page) into my SAPUI5 Webpage. The calendar runs in a specific tab. I now want to change the default date after the calendar was created, to display a specific month. setCalendar : function () { var that = this; if(!this.todayDate) {...

Mutliple business hours in full calendar with two shifts each day

javascript,c#,fullcalendar
I have integrated full calendar into my website. One of my requirement is to have business hours fetch from database and render it on the calendar. So basically each day has two shifts(Morning and evening). I need to be able to create an array of business hours with the values...

How to post additional parameters via JQuery with FullCalendar in Rails?

jquery,ruby-on-rails,ruby,fullcalendar
I am using the FullCalendar library by Adam Shaw for my Rails project. Currently, I have it so that when you click on a date, it prompts you to input a title for the event (and possibly other fields later down the road) using the select callback. To store the...

“Previous” and “Next” buttons in FullCalendar Producing “OFF” message

twitter-bootstrap,twitter-bootstrap-3,fullcalendar,couch-cms
I've created a Bootstrap modal to display an event calendar for a work location using FullCalendar. 90% of the time, it works, but for one location it creates an "OFF" message that occupies the entire screen. The offending page is live here: http://gchrl.org/test.php?q=locations/columbia-county-library The code from one branch to another...

dragging and dropping date not working right in fullcalendar

jquery,drag-and-drop,fullcalendar
I am using jquery fullcalendar for my application. I am trying validate like can not drag and drop event to past date.Here is my code, $(document).ready(function() { var dragfingDate; $('#calendar').fullCalendar({ //defaultDate: '2015-02-12', editable: true, eventLimit: true, // allow "more" link when too many events events: [ here my events ],...

Calendar Month and Year Not changing on dropdown year and month

meteor,fullcalendar,semantic-ui
I am using rzymek:fullcalendar package. I just create a select list using semantic ui dropdown <div class="ui compact selection dropdown"> <i class="dropdown icon"></i> <div class="text">Compact</div> <div class="menu"> <div class="item">January 2015</div> </div> </div> Create A calendar (call the fullcalendar template):- <div class="calendar"> {{>fullcalendar options id="myCalendar"}} </div> Changing the calendar month and...

get clicked date from full calendar

javascript,jquery,fullcalendar
Clicking a date on fullcalendar launches a modal '#view_event'. I want to get the date on which I have clicked. each date has the class '.fc-day' has an attribute data-date="2015-02-13". so I tried the following. $(".fc-day").click(function(){ var fetchDate = $(this).data("date"); $("#displayDate").text(fetchDate); }); '#displayDate' is a p element in the modal....

add event on month week and day button of full calender 2.0.3

jquery,fullcalendar
I am using full calendar v2.0.3 of jquery. I want to add some function on month, week and day button. For that I used on() method like - $(".fc-agendaWeek-button").on( "click", function() { alert( "Goodbye!" ); }); But this is not working. I don't know why. Please share your ideas. Thanks...

How to identify selector id when initialize multiple Fullcalendar at one time?

fullcalendar
I initialize two calendars on same page as below: html <div id="calendar1"></div> <div id="calendar2"></div> javascript $("#calendar1, #calendar2").fullCalendar({ ..... events: function(start, end, timezone, callback) { var evt1=[{title:'A',start:'2015-02-01'}]; var evt2=[{title:'B',start:'2015-02-01'}]; calendarid = $(this); <== how to get the id? if (calendarid = 'calendar1') { callback(evt1); } if (calendarid = 'calendar2') { callback(evt2);...

Full Calendar trigger ajax call before event renders on calendar

javascript,jquery,ajax,calendar,fullcalendar
I'm a bit lost where is the proper place to make this with the Full Calendar documentation and need some fiddle to point me into the right way. When my calendar loads the events, before them show up on the calendar, I need to make a ajax call into a...

fullcalendar eventConstraint not working

jquery,fullcalendar
I am using fullcalendar and i came to a situation that i want to restrict the events from dragging out side a date range,so i use eventconstraint but unfortunately its not working for me please correct me if there is any mistake in my code .I have made a fiddle...

fullcalendar events with data from database sent as Json

php,json,laravel,fullcalendar
I have a function in my controller that generates fullcalendar events generated from database that returns json in this format: [{"allDay":"","id":17,"title":"Illness","start":"2015-06-05","end":"2015-06-05"} ,{"allDay":"","id":18,"title":"Illness","start":"2015-05-05","end":"2015-05-05"}] I get this result fine when I go to http://localhost/mysite/public/getlogs but when I try to create events by doing: $('#calendar').fullCalendar({ //calendar options here events: 'getLogs'}); the get request...

Full Calendar Time interval Should be 1 hour and start from 6:30

javascript,jquery,fullcalendar
I tried this implementation Full Calendar Implementation. $("#available_classes_calendar").fullCalendar({ header: { left : 'prev,next', center : 'title' }, defaultView: 'agendaWeek', views:{ agenda:{ allDaySlot: false, minTime: "06:30:00", maxTime: "24:00:00", slotDuration: "00:60:00" } } }); In this all-day column should be start from 6:30am and interval slot should be 1 hour. So all-days...

Full Calendar shows horizontal bar on smaller screen

css,fullcalendar
I'm using FullCalendar here and my problem is, that If you will make screen smaller (e.g. 360x640), you will not see whole calendar and you will see vertical scroll bar. This how it looks: And this is my expectation ...

FullCalendar: receive error while trying to display events using json file

javascript,php,json,fullcalendar
Following is my JSON file: <?php $driver_booking = q("select * from vehicle_driver_booking where vehicle_id = ".$_REQUEST['ch']); $array = array(); foreach($driver_booking as $bookings) { $driver = getRow("vehicle_driver", $bookings['driver_id']); //return date_time from only.... $date_from = date("Y-m-d",$bookings['datetime_from']); $time_from = date("H:i:s",$bookings['datetime_from']); //return date_time to only..... $date_to = date("Y-m-d",$bookings['datetime_to']); $time_to = date("H:i:s",$bookings['datetime_to']);...

Fullcalendar wrong time in on click event

javascript,angularjs,timezone,fullcalendar
I'm using angular and fullcalendar. I have (surprise) timezone-issues, and I can't seem to get it right. If in the weekview I click on 08.00 hours, I open a modal and show the time, I see 09.00 hours. timezone: "Europe/Brussels", ignoreTimezone: false, This is (atm) a +0100 timezone, and during...

fullcalendar event rendering performance issue

javascript,jquery,performance,fullcalendar,rendering
So, basically all my events(there's min. 360 of them) have team1 vs. team2 or - vs. team2 or team1 vs. - placeholders. And on the initial render events change color depending on whether the event has one or two teams. Orange color for the one team , and green for...

Cannot compare Carbon instances in Laravel 5?

php,fullcalendar,laravel-5,php-carbon
I am working with the fullcalendar plugin and I am trying to fetch all the events in my database after and before a certain date. Full calendar paginates the events by adding paramaters called 'start' and 'end'. I am able to parse these in to Carbon instances like so: Carbon::parse($data['start']);...

FullCalendar display week events like it is in ''months"

fullcalendar
i'm building a system using the fullcalendar plugin and i have one problem. When there is a couple of events on the same day, the way it is displayed on week view is too confusing. Here is an actual image from the page: I'd like to know if is it...

fullcalendar.js slot highlighting

javascript,jquery,fullcalendar
I'm trying to fetch the selected slot of a fullcalendar instance and to access it via jQuery after a dayClick event. dayClick: function(date, jsEvent, view) { var now = Date.now(); var eventDate = Date.parse(date); if(now < eventDate) { selectedSlots.push(eventDate); } else { $('#alert_past_event').modal('show'); } } the correct slot is selected...

Refresh Events In Angular Calendar UI (Fullcalendar) With Laravel As A Backend

angularjs,laravel,fullcalendar,angular-ui
I am trying to make an automated refresh calendar. I am using Calendar UI and i am getting data from my backend in this way /**Calendar Config***/ //config object $scope.uiConfig = { calendar:{ height: 500, width: 800, editable: false, //First Hour firstHour: 8, //Devide by half hour slotMinutes: 30, //default...

Jquery FullCalendar - Default Background and Text for Available TimeSlots in AgendaWeek view

jquery,fullcalendar
I'm using jquery FullCalendar agendaWeek view (no other views). http://fullcalendar.io/views/agendaWeek/ I will implement 3 eventSources (each one with a different background color). All events will be backgroundEvents. http://fullcalendar.io/docs/event_rendering/Background_Events/ Summary: I want to implement a standard Week Timetable with 1h timeslots, green background if the hour is available and red if...

Xpage button not running server side script

fullcalendar,xpages
Short Description: Fullcalendar seems to prevent server side javascript in buttons from executing. Long Description: I am running fullcalendar.io in a Domino application. The calendar is run in an XPage. I have another XPage with navigation buttons that is opening this XPage. When opening the calendar Xpage and switching between...

fullCalendar jquery users id

jquery,mysql,ruby-on-rails,ruby,fullcalendar
Im trying to implement a Medic Online Date System with a fullCalendar on ruby on rails. (College Project) need help please. So the real question is this. If i have 2 medics, example Alex and Alfred and Alex User_id = 1 and Alfred User_id = 2. If Alex is logged...

How to color code fullcalendar events based on description

javascript,calendar,fullcalendar,google-calendar,gcal
We use one calendar for the entire company that show's who has the day off. HR would like to use Blue for anyone who is in the Software department, Red for the Electronics Department and Green for the Hardware Department for the events background color. The previous developer used FullCalendar1.5.3...

How to call function on change anything on full calendar

jquery,fullcalendar
i am using full calendar jquery plugin,i want to call function on change anything like delete event,change event,add event,resize event for reference http://fullcalendar.io...

How to (sort of) add code to fullcalendar's renderEvents handler?

javascript,ajax,javascript-events,fullcalendar
I'm using fullcalendar 1.6.3 along with Drupal 7 (thus the need, for now, to be back on 1.6.3). I have some code that I'd like to run every time the view of my calendar changes (via ajax requests) -- forward or backward in time, or between month/week/day view. Based on...

Javascript conflicting on Rails 4.2.0

javascript,ruby-on-rails,fullcalendar,owl-carousel
I'm building a Rails 4.2.0 application using two main JavaScript features. FullCalendar and Owl Carousel. All of the assets are in the right place and when I precompile assets it makes no difference. Is there any reason why this would be? Could the JavaScript be conflicting somewhere? As a note...

Bootstrap Tab-Pane with JS in it

jquery,twitter-bootstrap-3,fullcalendar
I am using jQuery fullCalendar with Bootstrap Tabbed-Panels. Only the first one works, others don't. When I cancel the tabbed panels, everything works. Here is my code. @foreach(something) <div class="tab-pane fade<?php if($count == 1) echo ' in active'; ?>"> <div class="panel panel-info"> <div class="panel-body"> <div id="calendar{{ $count }}"></div> </div> </div>...

render fullcalendar and one backlog with just one json source

json,fullcalendar
I am using Fullcalendar with a backlog area where end-users can see and drag&drop events in/out from the calendar. The users can also filter by location, priority and responsible (and more...) the events he wants to see: this update the backlog and the calendar. This works great but so far...

fullcalendar remove event by popup modal strange behavior

javascript,jquery,popup,fullcalendar
I have made fullcalendar event remove popup modal. This is partly working but there are strange behavior. I am newbie to this, so I have tried several different way but I can't make the stange behavior away. and I don't know how to make jsfiddle to reproduce the exact behavior...

jQuery DatePicker in combination with fullcalendar and jQuery dialog, mindate not working

jquery,jquery-ui,datepicker,fullcalendar
I have a form in my html code that is made into a popup using jQuery dialog, in this form I have an input field for 'enddate' that uses a jQuery DatePicker to enter data. I am trying to set the mindate of the jQuery datepicker to the date that...

Bootstrap popovers with Fullcalendar - double click to show?

jquery,twitter-bootstrap,fullcalendar
Having a weird problem with a Bootstrap popover attached to a Fullcalendar event click. First click does nothing, subsequent clicks toggle the popover just fine. My guess is the first click is initiating the popover but not showing it, but that's just a guess. The code fragment I'm using within...

JS, fullcalendar, the “events” parameter doesn't get the result of an executed function [duplicate]

javascript,jquery,fullcalendar,jquery-callback
This question already has an answer here: jQuery: Return data after ajax call success [duplicate] 5 answers How to return the response from an asynchronous call? 7 answers answer : the mistake was not in the synchronous or asynchronous call but in utilisation of functions set by the fullcalendar....

How to add custom header to fullcalendar sources

javascript,fullcalendar
I need to attach a custom header to the ajax request of fullcalendar. $('#calendar').fullCalendar({ eventSources: [ { url: '/myfeed.php', } ] }); How do I define that?...

Title on FullCalendar month view not displaying properly

javascript,jquery,jquery-plugins,fullcalendar
Please check out the web page I am making at https://preview.c9.io/tomheaps/enharmonic/Website/enharmonic_calendar.html?_c9_id=livepreview2&_c9_host=https://ide.c9.io which has an embedded google calendar, styled using the jquery plugin FullCalendar. As you will see, when you click on month view, the title is not displaying properly with some strange characters between the two dates and shows '1st...

FullCalendar modal on event click not displaying correctly

javascript,jquery,css,twitter-bootstrap,fullcalendar
I'm trying to make a delete/remove popup on fullcalendar when I click the existing event. Using JQueryUI's dialog, something is partially displayed. (note. my events are all external events which have been dropped from side menu) The following two methods are the closest I got to displaying something. Method 1...

Function of Fullcalendar plugin dont insert correctly on mysql table

javascript,mysql,ajax,fullcalendar
Im using FullCalendar plugin to have a web calendar and show/insert events from my mysql table. It shows correctly the events from the bd but dont insert the date of the event in the correct format. (YYYY-MM-DD). Both columns of the mysql table are DATE type with the same format...

How to create dynamic javascript with Ruby On Rails?

jquery,ruby-on-rails,fullcalendar
I'm experimenting with jQuery FullCalendar and Ruby On Rails, I have a model called Player. I want to render a calendar for each player on the index template. $('#player1_calendar').fullCalendar({ // put your options and callbacks here }) To render de calendar on the view how can I can dynamically add...

How to extract event from one source only Fullcalendar

javascript,php,jquery,fullcalendar
I have to build a program for the employees of my company to declare days of work, vacation, days of illness etc.. My idea was to use fullcalendar drag and drop function to make something nice. Only on Month view, you drag the event "Work" and put it to the...

FullCalendar (v2) show popover on the top of slot of weekly view

javascript,jquery,css,twitter-bootstrap,fullcalendar
I am using FullCalendar v2 and bootstrap v3.3.2. I am trying to show a popover inside of the slot where the user click. Here there an example that I try to do http://jsfiddle.net/5g396/ but the problem is that it uses FullCalendar v1 and I need FullCalendar V2. This is my...