json数组用于jQuery fullcalendar中的事件数组 [英] json array for events array in jQuery fullcalendar

问题描述

我正在使用jQuery fullcalendar，并且我必须使用JSON数组动态地从查询中设置事件，现在我正在尝试使用静态数组。
这是我的代码：

 <？php 
 $ arr = array（
数组（
title=>first，
start=>2016-10-18T10：00，
end=>2016-10 -18T11：00
），
数组（
title=>second，
start=>2016-10-18T12：00 ，
end=>2016-10-18T13：00
），
数组（
title=>third，
 开始=>2016-10-18T16：00，
结束=>2016-10-18T17：00
）
）; 
 
 json_encode（$ arr）; 
？> 
 
 $（document）.ready（function（）{
 var initialLocaleCode ='it'; 
 var events = [$ arr]; 
 var eventsArray = [ ]; 
 console.log（'e'，events）; 
 $ .parseJSON（events）.forEach（function（element，index）{
 eventsArray.push（{
 title：element.title，
 description：element.description.substring（0,30），
 start：new Date（element.start）.toISOString（），
 end：new Date（ element.nd）.toISOString（），
}）
} 
} 
 
 $（'＃calendar'）。fullCalendar（{
 header： {
 left：'prev，next today'，
 center：'title'，
 right：'month，agendaweek，agendaDay，listMonth'
}，
 defaultDate ：'2016-09-12'，
 locale：initialLocaleCode，
 buttonIcons：false，//显示上一页/下一页文本
 weekNumbers：true，
 navLinks：true，//可以点击日/周名称以浏览视图
 editable：true，
 eventLimit：true，// allowmore当事件太多时链接
 events：eventsArray; 
  

不起作用...有人可以帮我吗？
谢谢

解决方案

问题出在您的代码中。

 <？php 
 $ arr =数组（
数组（
title=>first，
start=>2016-10-18T10：00，
end=>2016-10-18T11：00 
），
数组（
title=>second，
start=>2016-10-18T12：00，
 end=>2016-10-18T13：00
），
数组（
title=>third，
start=> ;2016-10-18T16：00，
end=>2016-10-18T17：00
）
）; 
 
 $ jsonArr = json_encode（$ arr）; 
？> 
 
 $（document）.ready（function（）{
 var initialLocaleCode ='it'; 
 var events =<？php echo $ jsonArr;？>; 
 var eventsArray = []; 
 console.log（'e'，events）; 
 $ .parseJSON（events）.forEach（function（element，index）{
 eventsArray。 push（{
 title：element.title，
 description：element.description.substring（0,30），
 start：new Date（element.start）.toISOString（），
 end：new Date（element.end）.toISOString（），
}）
} 
} 
 
 $（'＃calendar'）。fullCalendar {
 header：{
 left：'prev，next today'，
 center：'title'，
 right：'month，agendaWeek，agendaDay，listMonth'
 }，
 defaultDate：'2016-09-12'，
 locale：initialLocaleCode，
 buttonIcons：false ，//显示上一个/下一个文本
 weekNumbers：true，
 navLinks：true，//可以点击日/周名称以浏览视图
 editable：true，
 eventLimit： true，//当事件太多时允许更多链接
 events：eventsArray; 
  

希望这可以起作用.. !!!

i'm using jQuery fullcalendar and i must set events dynamically, from a query, using a JSON array, for now i'm trying with a static array. This is my code:

<?php 
        $arr = array(
            array(
                "title" => "first",
                "start" => "2016-10-18T10:00",
                "end" => "2016-10-18T11:00"
            ),
            array(
                "title" => "second",
                "start" => "2016-10-18T12:00",
                "end" => "2016-10-18T13:00"
            ),
            array(
                "title" => "third",
                "start" => "2016-10-18T16:00",
                "end" => "2016-10-18T17:00"
            )
        );

        json_encode($arr);
    ?>

$(document).ready(function () {
        var initialLocaleCode = 'it';
        var events = [$arr];
        var eventsArray = [];
        console.log('e',events);
        $.parseJSON(events).forEach(function(element, index){
            eventsArray.push({
                title:element.title,
                description:element.description.substring(0,30),
                start:new Date(element.start).toISOString(),
                end:new Date(element.end).toISOString(),
         })
        }
    }

        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay,listMonth'
            },
            defaultDate: '2016-09-12',
            locale: initialLocaleCode,
            buttonIcons: false, // show the prev/next text
            weekNumbers: true,
            navLinks: true, // can click day/week names to navigate views
            editable: true,
            eventLimit: true, // allow "more" link when too many events
            events: eventsArray;

it doesn't work... Can someone help me? Thank's

解决方案

Problem is in your code. Try below one.

<?php 
        $arr = array(
            array(
                "title" => "first",
                "start" => "2016-10-18T10:00",
                "end" => "2016-10-18T11:00"
            ),
            array(
                "title" => "second",
                "start" => "2016-10-18T12:00",
                "end" => "2016-10-18T13:00"
            ),
            array(
                "title" => "third",
                "start" => "2016-10-18T16:00",
                "end" => "2016-10-18T17:00"
            )
        );

        $jsonArr = json_encode($arr);
    ?>

$(document).ready(function () {
        var initialLocaleCode = 'it';
        var events = <?php echo $jsonArr; ?>;
        var eventsArray = [];
        console.log('e',events);
        $.parseJSON(events).forEach(function(element, index){
            eventsArray.push({
                title:element.title,
                description:element.description.substring(0,30),
                start:new Date(element.start).toISOString(),
                end:new Date(element.end).toISOString(),
         })
        }
    }

        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay,listMonth'
            },
            defaultDate: '2016-09-12',
            locale: initialLocaleCode,
            buttonIcons: false, // show the prev/next text
            weekNumbers: true,
            navLinks: true, // can click day/week names to navigate views
            editable: true,
            eventLimit: true, // allow "more" link when too many events
            events: eventsArray;

Hope, this will work..!!!

这篇关于json数组用于jQuery fullcalendar中的事件数组的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！