与JSON.PARSE(SyntaxError:缺少:属性ID之后)一起在FullCalendar中显示事件

Question

加载屏幕后的日历中显示事件。

events: {
    JSON.parse(get_data());
},

控制器一切都很好，这里没有问题。

$calendar = array();
foreach($data_calendar as $key => $val) {
    $calendar[] = array(
        'id' => intval($val - > id),
        'title' => $val - > title,
        'description' => trim($val - > description),
        'start' => date_format(date_create($val - > start_date), "Y-m-d H:i:s"),
        'end' => date_format(date_create($val - > end_date), "Y-m-d H:i:s"),
        'color' => $val - > color,
    );
}
$data = array();
$data['get_data'] = json_encode($calendar);
$data['telaativa'] = 'agenda'; //retorna agenda penso que manté menu barra esquerda colapsada em agenda 
$data['tela'] = ('/calendario/view_agenda--');
view_agenda--
$this - > load - > view('view_home2', $data);

结果ID在结果中具有1或" 1"，因为我声明INTVAL的ID，因此我可以在输出中获得两种格式。

 'get_data' => string '[{"id":1,
 'get_data' => string '[{"id":"1",

array (size=3)
      'get_data' => string '[{"id":1,"title":"teste evento1","description":"descriu00e7u00e3o do evento bla bla bla","start":"2019-05-06 00:00:00","end":"2019-05-07 00:00:00","color":"#0071c5"},{"id":6,"title":"cert soldador 1-1","description":"descrtivo do certificado ser 111 bw t1-25mm s275","start":"2019-05-29 23:00:00","end":"2019-05-30 00:00:00","color":"#40E0D0"},{"id":7,"title":"cert soldador 1-2 soldador nr1","description":"certificado de soldador nr 1 doc 1-2","start":"2019-05-30 00:00:00","end":"2019-05-31 00:00:00","color'... (length=5865)
      'telaativa' => string 'agenda' (length=6)
      'tela' => string '/calendario/view_agenda--' (length=25)

查看

$(document).ready(function() {
    $('.date-picker').datepicker();
    $('#calendarIO').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,basicWeek,basicDay'
        },
        defaultDate: moment().format('YYYY-MM-DD'),
        editable: true,
        eventLimit: true, // allow "more" link when too many events
        selectable: true,
        selectHelper: true,
        select: function(start, end) {
            $('#create_modal input[name=start_date]').val(moment(start).format('YYYY-MM-DD'));
            $('#create_modal input[name=end_date]').val(moment(end).format('YYYY-MM-DD'));
            $('#create_modal').modal('show');
            save();
            $('#calendarIO').fullCalendar('unselect');
        },
        eventDrop: function(event, delta, revertFunc) { // si changement de position
            editDropResize(event);
        },
        eventResize: function(event, dayDelta, minuteDelta, revertFunc) { // si changement de longueur
            editDropResize(event);
        },
        eventClick: function(event, element) {
            deteil(event);
            editData(event);
            deleteData(event);
        },
        events: {
            JSON.parse(get_data());
        },
    });
});

错误 SyntaxError：缺少：属性ID

之后

如果删除JSON.parse(get_data());，我的日历将是可见的，但没有事件。如果添加一个事件，将显示为直到刷新页面。所有功能工作都期望将数据从DB加载到日历中。

Answer 1

您似乎对如何在视图中使用PHP查看数据感到困惑。

我认为也许您应该阅读：https：//www.codeigniter.com/user_guide/general/views.html#adding-dynamic-data-to-to-the-view。它向您展示了如何将提供给视图的PHP数据注入页面中。

您现在正在做的是编写纯JavaScript，该纯JavaScript试图调用不存在的函数。您需要做的是编写一个PHP片段，将服务器端数据注入PHP创建的HTML和JavaScript代码。

我不是Codeigniter专家，但基于该文档页面，我认为您应该写的是：

events: <?php echo $get_data; ?>,

如果您没有报价标记就这样注入它，则将自动将其视为JavaScript数组文字，因此不需要JSON.PARSE((。这是因为JSON语法是有效的JavaScript对象语法的子集。如果您在浏览器中使用"视图源"功能查看页面的完成输出，则会看到我的意思。

(请注意，您还需要从events:声明中删除{和}，因为FullCalendar期望一个数组，而不是对象。