42 lines
1.1 KiB
PHP
42 lines
1.1 KiB
PHP
@include('boilerplate::load.fullcalendar')
|
|
|
|
@push('js')
|
|
@component('boilerplate::minify')
|
|
<script>
|
|
$('#calendar').fullCalendar({
|
|
headerToolbar: {
|
|
left: 'prev,next today',
|
|
center: 'title',
|
|
right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
|
|
},
|
|
buttonIcons: false,
|
|
navLinks: true,
|
|
editable: true,
|
|
dayMaxEvents: true,
|
|
events: 'https://fullcalendar.io/demo-events.json?overload-day'
|
|
})
|
|
</script>
|
|
@endcomponent
|
|
@endpush
|
|
|
|
@component('boilerplate::card', ['color' => 'success', 'title' => 'FullCalendar'])
|
|
Usage :
|
|
<pre>
|
|
@include('boilerplate::load.fullcalendar')
|
|
@push('js')
|
|
<script>
|
|
var calendar = $('#calendar').fullCalendar({
|
|
buttonIcons: false,
|
|
});
|
|
</script>
|
|
@endpush</pre>
|
|
|
|
<div id='calendar'></div>
|
|
|
|
@slot('footer')
|
|
<div class="text-muted small text-right">
|
|
<a href="https://fullcalendar.io" target="_blank">FullCalendar</a>
|
|
</div>
|
|
@endslot
|
|
@endcomponent
|