fullcalendar

Display 2 weeks in jQuery FullCalendar

时光总嘲笑我的痴心妄想 提交于 2019-11-27 14:04:17
Been looking around for a way to display only the current week and the next week in the month view for FullCalendar . So far it looks like it was suggested as a feature for an upcoming version, but in the meantime, has anyone been able to hack it in? UPDATE Thanks to Doomsday's suggestion, I was able to create a custom view that shows 2 weeks, starting on the current week. You are changing the visible start date to today's date and changing the row count to 2. function TwoWeeksView(element, calendar) { var t = this; // exports t.render = render; // imports BasicView.call(t, element, calendar,

How to make FullCalendar work on touch devices?

本秂侑毒 提交于 2019-11-27 13:19:52
问题 I was looking for a tablet friendly event calendar, but I did not find any suitable ones. But FullCalendar is one best jQuery calendar plugin that looks great on desktop and a tablet. This calendar works perfectly on a desktop, but when it comes to tablet I am unable to select the start time and end time of an event, based on the touch and swipe. When i do this the calendar gets scrolled. Is there any solution for this? I have been looking around for a solution in vein. Have anyone had this

Jquery Full Calendar json event source syntax

独自空忆成欢 提交于 2019-11-27 12:24:42
问题 I'm trying to use full calendar to load events from a json source. The json is from a URL like a feed, "mysite.com/getEvents" (which returns a json event object). Right now it returns an object {"allDay":false,"end":1325577600,"start":1325577600} I tried $('#calendar').fullCalendar({ events: 'mysite.com/getEvents' }); But nothing happens. I know my json is missing the title and the id. So we have 2 questions. What is the proper way to get the events from a json url How do I go about

Jquery Full calendar and dynamic event colors

谁说我不能喝 提交于 2019-11-27 12:12:13
问题 I would like to to pass the colors for the events through my json events source for jquery fullcalendar, how do i achieve this ? 回答1: Nothing easier than that. If you check the documentation of jQuery Fullcalendar Event Colors you see that there is a parameter className you can specify for each event object. The content of that parameter gets added as class to the events and thus you only need to specify the css with matching name. The events (take note of the className parameter on event1) [

jquery fullcalendar event filtering

瘦欲@ 提交于 2019-11-27 11:49:44
Is there any method to dynamic filter events on client side in fullcalendar? When I get events from server (json_encoded) I assign my own parameter "school_id" to every event. After fullcalendar is ready, I want to dynamic filter events with "select". I add "select" element on page like this: <select id='school_selector'> <option value='all'>All schools</option> <option value='1'>school 1</option> <option value='2'>school 2</option> </select> And in javascript code I add: jQuery("#school_selector").change(function(){ filter_id = $(this).val(); if (filter_id != 'all') { var events = $('

fullcalendar with clickable popup on hover

断了今生、忘了曾经 提交于 2019-11-27 11:43:48
问题 I need a pop up on hover full calendar like this one. Have tried full calendar with qtip but could not get clickable popup its disappers when mouse is out from the spot. Here's a similar example but it need to create a clickable popup like that of above example $(document).ready(function() { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); var events_array = [ { title: 'Test1', start: new Date(2012, 8, 20), tip: 'Personal tip 1' }, { title:

How to make past date unselectable in fullcalendar?

孤街浪徒 提交于 2019-11-27 11:36:55
问题 Problem is, how to disable selectable on PAST DATES in fullcalendar's month/week view. I want to user not allowed to click/select the on past dates. Here is some googled code snippet I am trying to implement on event rendering: selectable: true, selectHelper: false, select: function(start, end, allDay) { var appdate = jQuery.datepicker.formatDate('<?php echo $DPFormat; ?>', new Date(start)); jQuery('#appdate').val(appdate); jQuery('#AppFirstModal').show(); }, eventRender: function(event,

How to add events to Google Calendar using FullCalendar

旧城冷巷雨未停 提交于 2019-11-27 11:00:49
问题 I have searched through FullCalendar documentation and googled around but I haven't been able to find how to add events to Google Calendar using FullCalendar. I have tried using js Google APIs for Google Calendar but I am quite new to js and I have not resolved. So my question is: I have a website in which I used FullCalendar to manage a Google Calendar but I am not able to add events to it. Is there someone who can help me, maybe with a full working example? Many thanks for your precoius

'event' equivalent in firefox

非 Y 不嫁゛ 提交于 2019-11-27 09:31:10
I am using the following code and it works perfectly fine in Chrome. function dayBind(xyzValue) { if(event.type == 'click') alert('Mouse Clicked') } Note that there was no 'event' variable passed to the function but still it was available for me in case of chrome. But when I use firefox I get 'event' undefined. I tried using the following workarounds: var e=arguments[0] || event; also: var e=window.event || event; But none of them worked for me. Is there any 'event' equivalent in Firefox? Because IE and Chrome put the event in the global object window , so you can get it. In firefox, you need

fullcalendar jQuery - Possible to retrieve description from Google Calendar events?

萝らか妹 提交于 2019-11-27 08:12:06
问题 I have setup fullcalendar to load a number of google calendar events but was wondering if there is any way to load the description or other data from the event other than the title and times? I'd like to grab the 'description' and 'where' fields froom google calendar events and display them in a tooltip in fullcalendar. I was thinking of trying to parse the event.url results but it doesn't work due to cross-domain ajax requests. I suppose it may be possible through a proxy php script or the