fullcalendar事件开始时间

我想使用JQuery fullcalendar插件（版本1.5.2）显示事件。提供给这个插件的JSON数据是：fullcalendar事件开始时间

[{"start":"2011-10-10","end":"2011-10-11","title":"Electric Picnic","allDay":true}, 
    {"start":"2011-10-10","end":"2011-10-11","title":"Oxeygen","allDay":true}]

我已经设置阿迪为真，但显示的事件时，他们看起来就像他们在开始在2011-10-10早上6时左右。

enter image description here

我也试着使用UNIX时间戳的日期格式，而不是，但它并没有任何区别。我怎样才能让事件看起来好像他们持续了整整两天。

我fullcalendar代码很简单：

$(document).ready(function() { 
     $('#calendar').fullCalendar({ 
      events: [{"start":"2011-10-10","end":"2011-10-11","title":"Electric Picnic","allDay":true}, {"start":"2011-10-10","end":"2011-10-11","title":"Oxeygen","allDay":true}], 

      // Make the first day of each week a monday 
      firstDay: 1, 
      weekMode: 'variable', 
      header: { 
       left: '', 
       center: 'title', 
       right: 'today prev,next' 
      } 
     }); 
    });

使用这个插件才能正常显示阿迪事件有人Here's an example，但目前还不清楚什么是他们的代码/数据和我的不同。

您可以通过下载this archive，解压缩，然后打开calendar.htm

来源

2011-10-09 Dónal

[档案的链接向我发送404] Works，对不起。 – Lapple

@Lapple有时候它有效，有时它不会，所以你对这两方面都是正确的。如果您点击几次，它通常会同意最终下载。 –

我想通了，这是你的CSS，即main.css文件有问题本地重现此问题。第406-413行创建了不必要的填充。

tr>td:first-child, tr>th:first-child { 
    padding-left: 1.25em; 
} 

tr>td:last-child, tr>th:last-child { 
    padding-right: 1.25em; 
}

评论他们和填充从左边（和右边）将消失。 警告：这些行可能正在您网站的其他页面上使用，因此您最好仔细编辑它们。

来源

2011-10-10 03:23:33 Lapple

非常感谢，解决了这个问题。我查看了Firebug中的相关样式规则，这个规则并没有显示出来，所以我不知道你是如何理解这一点的。我想你一定非常聪明。 –

谢谢@Don。 – Lapple

fullcalendar事件开始时间

回答

相关问题