fullcalendar

Change date range to show events in FullCalendar

依然范特西╮ 提交于 2019-12-04 08:07:48
I need to be able to set a "date range" with FullCalendar, using the "List" view. By date range, I mean being able to enter using 2 text fields, 2 different dates, for example : Text field 1 : 2018-05-05 to Text field 2 : 2018-05-06 And to filter the content of the calendar, using the List view to display the result, and show events that matches that date range. Here's my code for the FullCalendar part: $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'listMonth, month,agendaWeek,agendaDay' }, defaultView: 'listMonth', locale: 'fr', contentHeight: 600,

Fullcalendar with Twitter Bootstrap Popover

一个人想着一个人 提交于 2019-12-04 08:06:48
问题 I am trying to get Fullcalendar working with twitter boostrap popovers. if I click an event, i want to show some details in the popover. So first added this lil snippet to Fullcalendar: eventClick: function(event, jsEvent, view) { $this = $(this); $this.popover({html:true,title:event.title,placement:'top'}).popover('show'); return false; }, But now I run into 2 problems: Fullcalendar is inside a div that has overflow:hidden or something, because the popover gets cut on the border of

FullCalendar.js: Rendering background with time labels?

本小妞迷上赌 提交于 2019-12-04 07:39:21
I am starting to use Fullcalendar and love the docs . However, I am stuck with the following problem: Rendering background with time labels? I have one user specifying his available times, and another user who can do a selection out of those given times. To allow selection we need to set rendering: 'background' in the events array, otherwise the main event is blocking the event insert. But when using background rendering the time labels disappear: So how can I tell Fullcalendar to keep on displaying those time labels even in background rendering mode? I would be happy if somebody could help me

Fullcalendar wrong time in on click event

守給你的承諾、 提交于 2019-12-04 07:38:58
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 summer a +0200 timezone The click-event: dayClick: function (date, jsEvent, view) { $scope.newEventDate = date; var modalInstance = $modal.open({ templateUrl: 'newRosterEvent', controller: 'NewEventModalController', backdrop: "true", resolve: { event: function () { return $scope.newEventDate; }, stage:

Fullcalendar custom buttons in header

别来无恙 提交于 2019-12-04 07:35:48
I need to switch between two (or more) fullcalendars on the same page, and would like to add this function to a custom button inside the calendar header. I've found some interesting code on custom buttons but it is a bit outdated as it refers to Fullcalendar v 1.6.1 and I'm using 2.3.1. This is what I've found: http://code.google.com/p/fullcalendar/issues/detail?id=225#c17 and later. I've almost got success implementing this: http://code.google.com/p/fullcalendar/issues/detail?id=225#c24 but the script is re-written and don't match this code. Anyone having an updated code for custom buttons

Adding nice colors to events in FullCalendar (jquery)

北战南征 提交于 2019-12-04 07:00:20
In my calendar I want to colour each event in a different colour. Is there currently a way to send to the full calendar, in the JSON it expects a value for a colour? FullCalendar Seems I missed it the first time I read the manual: I send for each day the following JSON: {"id":"1", "start":"1272513600", "end":"1272513600", "allDay":"1", "title":"Repeat 1,Day 1", "className":"eventColorX"} The important thing is the className and where the X is a number (depends on the CSS, see below). And then in the CSS: .eventColor1, .fc-agenda .eventColor1 .fc-event-time, .eventColor1 a { background-color:

How do I get FullCalendar to display information from my JSON feed?

落爺英雄遲暮 提交于 2019-12-04 06:54:22
I'm setting up an app using FullCalendar ( http://arshaw.com/fullcalendar/ ) that will allow the user to see client scheduling information as well as schedule clients through a management interface. I want to use a MySQL database to populate an array, and then pass that array in the form of a JSON feed to FullCalendar on an HTML page. Ideally, then, the client information would show up on the HTML page. However, even though my JSON feed is being passed, there are no events on my FullCalendar. Example JSON feed being passed: [{"title":"Watson","start":"1333976400","end":"1333980000","allDay"

How can I create an event based on pattern for calendar?

耗尽温柔 提交于 2019-12-04 06:49:27
问题 I am trying to create a "shift" calendar for someone and I know what day the pattern starts on and I know the pattern for days on and off. But am having troubles translating it into code. They work 4 days, off of work 3 days, work 4, off of work 3 days, work for 4, off 2 days, repeat. I need to create some logic to create an event for a calendar based on this. This is what I have: $(document).ready(function() { var on = [4, 4, 4]; var off = [3, 3, 2]; var startPattern = "2017-03-04"; var days

How to disable business hours in FullCalendar

試著忘記壹切 提交于 2019-12-04 05:48:30
问题 I am trying to incorporate FullCallendar in one of our application to show events. Now I am facing a problem with business hours. In the month view it is showing wrong end date (one day less than actual) if any event ends before 9 am. So for example, say I have two following events Event 1: Start date&time : 2016-11-09T10:00, End date&time : 2016-11-20T17:30 Event 2: Start date&time : 2016-11-09T10:00, End date&time : 2016-11-20T08:30 In this case in the month view, Event 1 is covering all

Fullcalendar/Fetching JSON feed(Edited)

两盒软妹~` 提交于 2019-12-04 05:34:40
问题 I have a problem with the events in my fullCalendar object not showing when using ajax to fetch the data from my JSON feed. I believe the JSON format is proper though since the output from JSON.aspx is: [{"id":1,"title":"TESTTITLE","info":"INFOINFOINFO","start":"2012-08-20T12:00:00","end":"2012-08-20T12:00:00","user":1}] I used Firebug and it seems like the JSON feed is not getting fetched properly? When I add the upper JSON-feed directly in the events it displays properly. (Edit) The JSON