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 !!}')
  ]