2012-03-06 61 views
0

我使用FullCalendar 1.5.3來顯示來自json提要的事件。每個事件我有4個字段反饋 - id,開始,結束和標題。這適用於顯示標題的每個事件塊。 在FullCalendar示例中,開始日期和結束日期顯示的事件在標題前插入了開始時間(例如,格式爲7p或10:30a)。這是如何實現的?我所有的事件都有開始和結束時間,我使用以下設置...如何在事件中獲得可見的時間?

$(document).ready(function(){ 
    $('#claimCalendar').fullCalendar({ 
     theme : true, 
     editable : false, 
     firstDay : 1, 
     aspectRatio : 4, 
     timeFormat: { 
      '' : 'H(:mm)t' 
     }, 
     allDayDefault: false, 
     eventSources: [ 
      { //list of my eventSources 
      } 
     ], 
     loading: function (bool) { 
      if (bool) $('#loading').show(); 
      else $('loading').hide(); 
     } 
    }); 
}); 

如何讓時間來顯示任何想法?最終,我希望爲每個事件顯示以下信息:

開始標題結束例如00:00 標題 07:30

+0

看看[this](http://arshaw.com/fullcalendar/docs/text/timeFormat/),甚至可能是[Javascript日期對象](https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date) – giorgio 2012-03-06 11:53:24

+0

感謝喬治,但我已經指定了我的timeFormat,如上所示。我甚至試過 - timeFormat:'H(:mm)t'和timeFormat:{month:'H(:mm)t'},但仍然沒有運氣。 – Mych 2012-03-06 14:42:38

+0

無論如何,你的輸出是什麼?並將allDay或allDayDefault設置爲false? – giorgio 2012-03-06 15:24:40

回答

1

我整理了這一點...不知道爲什麼發生這種情況,我都用了allDayDefault:在fullCalendar PARAMS和阿迪假的:在我的事件造成的,但沒有時間顯示。然後我修改了FullCalendar.js 1.5.3中的第38行allDayDefault:true to allDayDefault:false,並且嘿presto我的時間顯示。

我也解決了我的第二個任務,現在我的事件顯示開始 - 標題 - 結束。

+0

只是想知道,你是使用縮小還是未壓縮的版本?因爲我在他們的演示頁面上鍊接了'fullcalander.min.js',並將其作爲包的一部分下載。從我相信,如果你使用Minified版本,這個問題不應該出現! – bPratik 2012-03-07 11:57:09

+0

我使用了未壓縮的版本,因爲我做了一些額外的修改。我的日曆正用於顯示每月的索賠。由於我們的索賠月份從每個月的24號開始,因此我必須做一些修改,以便日曆在第一行中顯示第24行,並在第5/6行的下一個月的第23天結束,日期不在此處。該事件作爲個人索賠加班,電話待命和呼叫。 – Mych 2012-03-07 22:22:11

+0

Continuing ...這些是三個json提要,以便我可以用不同的顏色對它們着色。我還限制了Feed,因此它只顯示對該索賠月有效的索賠,換句話說,儘管可能會有這些日子的索賠,但在灰色日期中沒有顯示事件。他們只會在日曆索賠月份發生變化並且成爲活躍日子時纔會顯示。 – Mych 2012-03-07 22:25:12

相關問題