Looking to hire Laravel developers? Try LaraJobs

laravel-fullcalendar maintained by skyraptor

Description
Laravel helper for FullCalendar.io
Author
Last update
2024/07/30 01:39 (dev-master)
License
Links
Downloads
17 487

Comments
comments powered by Disqus

Laravel FullCalendar | WIP

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(),
]);