如果是 FullCalendar 中的月视图，则禁用拖放答案

【问题标题】：Disabled Drag and Drog if it is month view in FullCalendar如果是 FullCalendar 中的月视图，则禁用拖放
【发布时间】：2016-01-13 17:29:10
【问题描述】：

我正在使用 FULLCALENDAR 库来分配外部任务。我需要解决 2 个不同的问题：

1) 我只需要在月视图中禁用“拖放”功能。

2) 在月视图中：我需要一个在日历中拖放的任务/事件，而不是作为 allDay 放置。相反，它应该放在上午 9 点到下午 5 点的营业时间内。

这是我在第 2 点的尝试，使用 businessHours

businessHours: {
    start: '9:00',
    end: '17:00',
    dow: [0,1,2,3,4,5,6]
},

https://jsfiddle.net/gonzalesc/7ycL8wed/

更新：

对不起，在我看来，第 1 点的解释很糟糕。我需要“外部事件”不能只在月视图中拖到日历中。

【问题讨论】：

标签： jquery view fullcalendar

【解决方案1】：

FullCalendar Docs中的结帐查看特定选项

一个简单的例子：

$('#calendar').fullCalendar({
    header: { center: 'month,agendaWeek' }, // buttons for switching between views

    views: {
        month: { 
            editable: false
        }
    }
});

关于您的第二个要求，如果您根本不想要全天活动，您可以删除所有视图的插槽和全天默认设置：

 $('#calendar').fullCalendar({
    ...
    allDaySlot: false
    ...
 });

编辑：

另外，在所有视图中仅显示 9:00 - 5:00 时间段：

$('#calendar').fullCalendar({
    ...
    minTime: "09:00:00",
    maxTime: "17:00:00",
    ...
});

编辑：

您可以在初始化外部事件时指定它们的开始时间。这将确定它们在非日程视图中的日历中的放置时间：

$(this).data('event', {
    title: $.trim($(this).text()), 
    stick: true, 
    start:'09:00'
});

Fiddle

【讨论】：

嗨。我尝试你的解决方案，使用“视图”，但它不起作用。 jsfiddle.net/gonzalesc/7ycL8wed/2
你是对的。 Views 选项有效，但 allDayDefault 选项似乎没有按我的预期运行。我更新了我的答案并包括了一个小提琴。希望对您有所帮助。
对不起，在我看来，这解释得很糟糕。使用 "editable:false" 只会阻止事件移动到日历中我需要外部事件不能仅在月视图中拖到日历中。
好的，第 1 点我可以通过添加“droppable: false”来解决它。谢谢@scottysmalls

【解决方案2】：

好的，第 1 点解决了。谢谢@scottysmalls

$('#calendar').fullCalendar({
header: { center: 'month,agendaWeek' },

views: {
    month: { 
        editable: false,
        droppable: false
    }
}});

我认为我们即将解决这一点 2，但我不知道是否设置了每月视图的条件。

$(this).data('event', {
title: $.trim($(this).text()), 
stick: true, 
start:'09:00',
end: '17:00'
});

【讨论】：

我现在有点困惑 - 如果现在由于可编辑和可拖放都是错误的而无法在月视图中从外部事件拖放，那么为什么放置它们的时间很重要月视图下降？用户无法使用这些设置将任何事件添加到月视图。