skyraptor/laravel-fullcalendar

Laravel 的 FullCalendar.io 辅助工具

1.6.0 2022-06-16 11:16 UTC

This package is auto-updated.

Last update: 2024-08-29 23:49:02 UTC


README

这是一个基于 Shawn Tunney 的 laravel-fullcalendar 包的 1.3 版本的分支,用于支持 Laravel 7+。

安装

可以使用 composer 安装此包

composer require skyraptor/laravel-fullcalendar

此外,您还需要包含 FullCalendar 的 JS 和 CSS,您可以通过官方 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() !!}

更多信息可以在这里找到:https://fullcalendar.io/docs/plugin-index

HTML 可以这样显示

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

使用方法

包可以使用如下所示的方式使用

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