49 lines
1.4 KiB
Plaintext
Executable File
49 lines
1.4 KiB
Plaintext
Executable File
|
|
Google Calendar
|
|
===============
|
|
|
|
To integrate with your Google Calendar, you must first **make your calendar public**:
|
|
|
|
#. In the Google Calendar interface, locate the "My Calendar" box on the left.
|
|
|
|
#. Click the arrow next to the calendar you need.
|
|
|
|
#. A menu will appear. Click "Share this calendar."
|
|
|
|
#. Check "Make this calendar public."
|
|
|
|
#. Make sure "Share only my free/busy information" is *unchecked*.
|
|
|
|
#. Click "Save."
|
|
|
|
Then, you must obtain your calendar's **XML feed URL**.
|
|
|
|
#. In the Google Calendar interface, locate the "My Calendar" box on the left
|
|
|
|
#. Click the arrow next to the calendar you need.
|
|
|
|
#. A menu will appear. Click "Calendar settings."
|
|
|
|
#. In the "Calendar Address" section of the screen, click the XML badge.
|
|
|
|
#. Your feed's URL will appear.
|
|
|
|
The ``$.fullCalendar.gcalFeed`` function produces an event source that can be
|
|
passed to the ``events`` or ``eventSources`` options::
|
|
|
|
$('#calendar').fullCalendar({
|
|
|
|
events: $.fullCalendar.gcalFeed(
|
|
"http://www.google.com/calendar/feeds/...", // feed URL
|
|
{ className: 'gcal-events' } // optional options
|
|
)
|
|
|
|
});
|
|
|
|
Here is a list of available options:
|
|
|
|
* **className** - CSS class to attach to each event from this Google Calendar
|
|
|
|
* **editable** - whether to allow dragging/resizing (default: ``false``)
|
|
|
|
See *gcal.html* in the *examples* directory for a complete example. |