Postingan lainnya

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 4 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 14 Poin

Dipost 4 tahun yang lalu