Свойства FullCalendar Json в строковых кавычках

Question

Решено (см. Комментарий N69S)
(Использование Laravel)
Я хочу показать свои события в календаре событий, но когда я пытаюсь проанализировать мой json, он возвращает эту строку кода:

"start":"2018-10-01 10:00:00","end":"2018-10-01 13:00:00","title":"Beamer"

Я знаю, что FullCalendar требуются объекты вместо строки, но я не могу найти четкий ответ.
Вот мой контроллер:

public function calendar()
{
    $columns = [
        'start_time AS start',
        'end_time AS end',
        'title AS title',
        'name AS name'
    ];
    $allBookings = Bookings::get($columns);
    $bookings = $allBookings->toJson();
    return view('booking.calendar', compact('bookings'));
}

А вот мое мнение:

<script src='{{asset('js/moment.js')}}'></script>
<script src='{{asset('js/jquery.js')}}'></script>
<script src='{{asset('js/jqueryui.js')}}'></script>
<script src='{{asset('js/calendar.js')}}'></script>
<div class="container">
    <div class="row">
        <div class="col-md-12 col-md-offset-2">
            <div class="panel panel-default">
                <div class="panel-heading">Book Asset</div>
                <div class="panel-body">
                    <div id='calendar' class="calendar"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    var calendar = $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek'
        },
        editable: true,
        selectable: true,
        selectHelper: true,
        events: [
            JSON.parse({!! $bookings !!}) 
});
</script>

Было бы очень полезно, если бы вы могли мне помочь.Заранее спасибо!

Answer 1

Используйте метод toJson() для конвертации Collection в string.вам не нужно анализировать Json, вы можете определить его напрямую.

<script type="text/javascript">
var calendar = $('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek'
    },
    editable: true,
    selectable: true,
    selectHelper: true,
    events: {!! $bookings !!} 
});

, если вы хотите проанализировать его, передайте его в виде строки:

  [
      JSON.parse('{!! $bookings !!}')
  ]