Postingan lainnya

Buku Ini Koding!

Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!

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 sesuai

cal1.PNGcal2.PNG

laravel ajax database

@werich1

89 Kontribusi 7 Poin

Diperbarui 5 tahun yang lalu

1 Jawaban:

<div>bisa coba ini gan </div><div><br>blade.php</div><pre><em></em> <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> <em></em></pre><div><br></div><pre><script> document.addEventListener('DOMContentLoaded', function() { var calendarEl = document.getElementById('calendar'); var today = new Date();

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

            @endforeach
        ],
    });
    calendar.render();
    });
&amp;lt;/script&amp;gt;&lt;/pre&gt;&lt;div&gt;&lt;br&gt;&lt;br&gt;semoga membantu&lt;/div&gt;

@sudjitoe

21 Kontribusi 15 Poin

Dipost 5 tahun yang lalu