2014-11-16 29 views
0

我有我的UI jQuery的完整的日曆,它看起來如下:jQuery的完整的日曆事件標題的時間是錯誤的

enter image description here

的問題是10:00-10:事件的00AM部分title,它根據設置UI元素的JSON中的事件startTime和endTime參數看似添加到元素。請參閱我的代碼部分爲這裏:

jQuery(document).ready(function() { 
     jQuery('#calendar').fullCalendar({ 
      header: { 
       left: 'prev,next today', 
       center: 'title', 
       right: 'month, agendaWeek, agendaDay' 
      }, 
      allDayText: 'All Day', 
      columnFormat: { 
       month: 'ddd', 
       week: 'ddd d/M', 
       day: 'dddd d/M' 
      }, 
      editable: false, 
      weekends: true, 
      timeFormat: 'h:mm-h:mma ', 
      axisFormat: 'hh:mma', 
      firstDay: 1, 
      slotMinutes: 15, 
      defaultView: 'month', 
      minTime: '10:00', 
      maxTime: '17:00', 
      monthNames: ["January","February","March","April","May","June","July", "August", "September", "October", "November", "December" ], 
      monthNamesShort: ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sept","Oct","nov","Dec"], 
      dayNames: ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"], 
      dayNamesShort: ["Sun","Mon", "Tue", "Wed", "Thus", "Fri", "Sat"], 
      buttonText: { 
       today: "Today", 
       day: "Day", 
       week:"Week", 
       month:"Month" 
      }, 
      selectable: true, 
      selectHelper: false, 
      select: function(start, end, allDay) { 

      }, 

      events: [ 
           { 
             id: "3", 
             title: "My event title", 
             start: new Date(2014,10,03,10,0), 
             end: new Date(2014,10,03,12,0), 
             allDay: false, 
             backgroundColor : "#7F97FF", 
             textColor: "white" 
            }, 

問題是在UI它顯示10:00-10:00am沒有任何意義。根據我的事件代碼,它應該從10,00,00開始,並以12,00,00結束,爲什麼標題不匹配?有人能幫幫我嗎!

+0

閱讀[Event object docs](http://fullcalendar.io/docs/event_data/Event_Object/)。你提供非標準的日期格式到'開始'和'結束' – charlietfl

+0

看起來這應該工作,但具有相同的結果: 開始:新時刻(新日期(<?php回聲$ Y;?>,<?php回聲$ M;?>,<?php echo $ D;?>,10,0)), end:new moment(new Date(<?php echo $ Y;?>,<?php echo $ M;?> ,<?php echo $ D;?>,12,0)), – RenegadeAndy

+0

不,我不是 - 看得更近。開始是10幾個小時,結束是12. – RenegadeAndy

回答

1

您的FullCalendar配置不正確,因爲您想在每個事件上使用文本「開始 - 結束」時間。

timeFormat: 'h:mm-h:mma ', // the output i.e. "10:00-10:00pm" 
timeFormat: 'h:mma ',  // the output i.e. "10:00pm" 

displayEventEnd : true, // it will show on all views (Start - End) in your timeFormat 

我已經更新了你的JsFiddle,因爲你忘了插入外部來源,我已經導入了FullCalendar庫才能工作。

+1

原來我使用V2的日曆,V2.3明顯不同,但使用您的修復不適用於V2的源。我抓住了V2.0.1,我可以把它放進去 - 而你的修復解決了這個問題!謝謝! – RenegadeAndy