2012-04-09 105 views
3

我在Hero框架内构建了一个活动日历。我已经通过JSON方法将我的fullcalendar链接到数据库。记录显示“2012-04-18 12:00”开始,“2012-04-18 14:00”结束,但日历未能显示事件基准。它显示为全天事件。任何想法如何解决?fullcalendar在活动时间没有显示事件基础

<script type='text/javascript'> 

$(document).ready(function() { 

    var date = new Date(); 
    var d = date.getDate(); 
    var m = date.getMonth(); 
    var y = date.getFullYear(); 

    var calendar = $('#calendar').fullCalendar({ 
     header: { 
      left: 'prev,next today', 
      right: 'month,agendaWeek,agendaDay' 
     }, 
     selectable: true, 
     selectHelper: true, 
     allDaySlot: false, 
     firstHour: 9, 
     select: function(start, end) { 
      var title = prompt('Event Title:'); 
      if (title) { 
       calendar.fullCalendar('renderEvent', 
        { 
         title: title, 
         start: start, 
         end: end 
        }, 
        false // make the event "stick" 
       ); 

       var startDateString = $.fullCalendar.formatDate(start, 'yyyy-MM-dd hh:mm'); 
       var endDateString = $.fullCalendar.formatDate(end, 'yyyy-MM-dd hh:mm'); 
       $.ajax({ 
        type: 'POST', 
        url: '{url}ajaxpost/add', 
        data: { 
         startDate: startDateString, 
         endDate: endDateString, 
         eventTitle: title        
        }, 
        dateType: 'json', 
        success: function (resp) { 
         calendar.fullCalendar('refetchEvents'); 

        } 
       }); 
      } 
      calendar.fullCalendar('unselect'); 
     }, 
     editable: true, 
     events: "{url}ajaxget/data", 
    }); 

}); 

回答

3

你需要当你从{url}ajaxget/data网址返回的事件记录到事件阿迪属性设置为false

1

,你需要指定该事件是不是所有的一天。

你这样做我设置allDay字段在每个event不是整天。

它可能看起来像这样:

[{ 
    start : 10000000, 
    end : 10000500, 
    title : 'example event' 
    allDay : false 
}, ... ] 

您还可以找到在the documentation此信息。

+0

感谢您的文档链接,它解决了我的问题 – 2017-12-06 12:45:55