cara nampilin data dari database ke fullcalendar?

gan gimana ya caranya biar dia bisa tampil gimana bikin shownya ? ane coba kaya gitu dan dari yutub banyak yang ga sesuaical1.pngcal1.PNGcal2.pngcal2.PNG
avatar werich1

@werich1

86 Kontribusi 6 Poin

Login untuk menanggapi


Jawaban

bisa coba ini ganΒ 
blade.php
<!-- Kalender -->
                        <div class="row">
                            <div class="col-lg-12 col-xl-12 mb-2">
                                <div class="card">
                                    <div class="card-header">
                                        Kalender
                                    </div>
                                    <div class="card-body">
                                        <div id='calendar'></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- /Kalender -->

<script>
        document.addEventListener('DOMContentLoaded', function() {
        var calendarEl = document.getElementById('calendar');
        var today = new Date();

        var calendar = new FullCalendar.Calendar(calendarEl, {
            plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
            header: {
            left: 'prevYear,prev,next,nextYear today',
            center: 'title',
            right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
            },
            defaultDate: today,
            navLinks: true, // can click day/week names to navigate views
            editable: false,
            eventLimit: true, // allow "more" link when too many events
            events : [
                //undangan parsing data dari controller
                @foreach($undangan as $und)
                      {
                      title : '{{ $und->suratmasuk->asal_surat . '|' .$und->suratmasuk->no_surat_masuk}}',
                      start : '{{ $und->tgl_start }}',
                      end : '{{ $und->tgl_end }}',
                      url: '{{ url('/undangan/lihat', $und->id) }}'
                    },

                @endforeach
            ],
        });
        calendar.render();
        });
    </script>


semoga membantu
avatar sudjitoe

@sudjitoe

11 Kontribusi 11 Poin

Login untuk menanggapi


Login untuk gabung berdiskusi