2012-03-06 65 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

相关问题