FullCalendar -在特定日期禁用/阻止时间
FullCalendar -在特定日期禁用/阻止时间
提问于 2016-06-25 17:36:41
我正在寻找一些建议，选项和例子，如果我想阻止/禁用某些天的某些时间。例如，如果我有日/周视图的日程表，并假设一个业务预订了周一至周五的9-5个约会，但周六则是8-4个工作日，我如何在视图上表示这一点？
提前谢谢。
回答 1
Stack Overflow用户
发布于 2016-06-25 17:48:44
要做到这一点，您需要两样东西。
首先，在完整的日历构造函数中设置营业时间。然后，添加一个函数以防止将事件拖放到错误的日期。
$("#c").fullCalendar({
...
businessHours: { start: '09:00', end: '17:00', dow: [1, 2, 3, 4, 5] },
eventDrop: function (event, delta, revertFunc, jsEvent, ui, view) {
eventDropOrResizeHandler(event, delta, revertFunc, jsEvent, ui, view);
},
eventResize: function (event, delta, revertFunc, jsEvent, ui, view) {
eventDropOrResizeHandler(event, delta, revertFunc, jsEvent, ui, view);
}
});
function eventDropOrResizeHandler(event, delta, revertFunc, jsEvent, ui, view) {
// check that event.start and event.end are within limits, and if not, call revertFunc();
}最后，您应该在允许用户创建/编辑事件的函数中添加相同的检查，即event.start和event.end在限制范围内。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38027036
复制相关文章
相似问题
腾讯云开发者
