Question

亲爱的下午，大家，

我目前正在开发一个用于组织活动的网络应用程序。我正在使用express和mongoDB。

主要思想是用户可以使用startDate和endDate字段创建“事件”对象，然后其他用户可以单击日历以说明何时可以。所以我选择FullCalendar，但我想只显示startDate和endDate之间的日期。让我们举个例子。

假设我的活动描述如下

{title: "Hey!",
startDate: 05/31/2016 2:20 PM,
endDate: 06/03/2016 2:20 PM
}

我希望我的日历只显示这4天。你们知道如何帮助我吗？

Answer 1

你看过自定义视图了吗？它们允许您设置如下所示的持续时间。

var startDate = '2014-11-12';
var numberOfDays = 4;

$('#calendar').fullCalendar({
    header: {
        center: 'customDays' // buttons for switching between views
    },
    defaultView: 'customDays',
    views: {
        customDays: {
            type: 'basicWeek',
            duration: { days: numberOfDays },
            buttonText: 'Custom Days'
        }
    },
    defaultDate: startDate
});

Fullcalendar View Documentation

看起来您无法在月视图中执行此操作，但您可以在basicWeek视图中查看JsBin

中的示例

Answer 2

好的，我找到了。我可以使用如下的函数dayRender

 dayRender: function( date, cell ) {
      if(date.diff(event.startDate,'days') < 0 || date.diff(event.endDate,'days') > 0){
          $(cell).addClass('disable');
          console.log(cell)
      }
    }

Jquery：FullCalendar - 设置整个日历的开始日期和结束日期

2 个答案: