2017-02-07 55 views
0

装载事件中,我开始日历下面的代码:问题通过AJAX

var calendar = $('#calendar').fullCalendar({ 
    slotDuration: '00:15:00', /* If we want to split day time each 15minutes */ 
    minTime: '00:00:00', 
    maxTime: '24:00:00', 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,agendaWeek,agendaDay' 
    }, 
    // events: allevents, 
    events: '/app/Http/Controllers/api/calendarController.php?action=getEvents&calendar_id=<?php echo $calendarid; ?>', 
    editable: true, 
    eventStartEditable: true, 
    droppable: true, // this allows things to be dropped onto the calendar !!! 
}) 

其中我打电话将返回JSON类似控制器:

[ 
    {"id":1,"title":"Test","start":"7-02-2017 15:36","end":"7-02-2017 15:36","className":null,"description":null}, 
    {"id":2,"title":"test","start":"6-02-2017 11:00","end":"6-02-2017 12:00","className":null,"description":null}, 
    {"id":3,"title":"asdadsadasd","start":"30-01-2017 12:00","end":"30-01-2017 12:00","className":"bg-green","description":"asdasdasas"}, 
    {"id":4,"title":"sadsadsa","start":"31-01-2017 12:00","end":"31-01-2017 13:00","className":"bg-blue","description":"asasds"} 
] 

的问题是,由于某种原因数据没有显示在日历上?

感谢您的任何答案。


额外注:我正在运行FullCalendar V2.0.0-β2

+0

您是否收到任何javascript错误? –

+0

没有在javascript控制台 – user3402600

+0

我可以看到实际的json是当你去那个网址时返回? –

回答

0

我只是测试它自己和你给我的数据并显示,他们是刚刚在错误的地方了。您认为您将日期格式设置为D/MM/YYYY,但完整日历将其读取为M/DD/YYYY。更改格式为MM/DD/YYYY,它工作正常。您发布的JSON看起来像这样

[ 
    {"id":1,"title":"Test","start":"02-07-2017 15:36","end":"02-07-2017 15:36","className":null,"description":null}, 
    {"id":2,"title":"test","start":"02-06-2017 11:00","end":"02-06-2017 12:00","className":null,"description":null}, 
    {"id":3,"title":"asdadsadasd","start":"01-30-2017 12:00","end":"01-30-2017 12:00","className":"bg-green","description":"asdasdasas"}, 
    {"id":4,"title":"sadsadsa","start":"01-31-2017 12:00","end":"01-31-2017 13:00","className":"bg-blue","description":"asasds"} 
] 
+0

是的,这是由于日期...我结束了使用标准的MySQL日期时间和fullcalendar处理它。 – user3402600

+0

太棒了,很高兴我能够提供帮助 –