skyraptor/laravel-fullcalendar

Laravel helper for FullCalendar.io

1.6.0 2022-06-16 11:16 UTC

Requires

• php: ^7.3 | ^8.0
• ext-json: *
• illuminate/contracts: ^7.0 | ^8.0 | ^9.0
• illuminate/support: ^7.0 | ^8.0 | ^9.0

Requires (Dev)

• friendsofphp/php-cs-fixer: ^2.16.1
• orchestra/testbench: ^5.0 | ^6.0 | ^7.0
• phpunit/phpunit: ^8.5 | ^9.0

MIT

• Shawn Tunney

README

This is an fork of the 1.3 version of the laravel-fullcalendar package by Shawn Tunney to provide support for Laravel 7+.

Installation

The package can be installed with composer:

composer require skyraptor/laravel-fullcalendar

Also you will have to include the JS and CSS of FullCalendar, you can do so by using the official CDN:

<link href="https://unpkg.com/@fullcalendar/core/main.min.css" rel="stylesheet">
<link href="https://unpkg.com/@fullcalendar/daygrid/main.min.css" rel="stylesheet">
<link href="https://unpkg.com/@fullcalendar/bootstrap@4.4.0/main.min.css" rel="stylesheet">

<script src="https://unpkg.com/@fullcalendar/core@4.4.0/main.min.js"></script>
<script src="https://unpkg.com/@fullcalendar/daygrid/main.min.js"></script>
<script src="https://unpkg.com/@fullcalendar/bootstrap/main.min.js"></script>

<!-- FullCalendar initialization script -->
{!! $calendar->script() !!}

Further CDN addresses can be found on https://fullcalendar.io/docs/plugin-index

The HTML can be displayed as so:

{!! $calendar->calendar() !!}

Usage

The package can be used as shown:

$events = [];

$events[] = Calendar::event(
    'Event One', //event title
    false, //full day event?
    '2015-02-11T0800', //start time (you can also use Carbon instead of DateTime)
    '2015-02-12T0800', //end time (you can also use Carbon instead of DateTime)
    0 //optionally, you can specify an event ID
);

$events[] = Calendar::event(
    "Valentine's Day", //event title
    true, //full day event?
    new \DateTime('2015-02-14'), //start time (you can also use Carbon instead of DateTime)
    new \DateTime('2015-02-14'), //end time (you can also use Carbon instead of DateTime)
    'stringEventId' //optionally, you can specify an event ID
);

/* Add an array with addEvents */
Calendar::addEvents($events);

/* Set fullcalendar options */
Calendar::setOptions([
        'plugins' => [
            'dayGrid',
            'bootstrapPlugin'
        ],
        'themeSystem' => 'bootstrap',
]);

return view('page.events', [
    ...
    'calendar' => Calendar::getFacadeRoot(),
]);