Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Fullcalendar中创建多天事件_Javascript_Jquery_Fullcalendar - Fatal编程技术网

Javascript 在Fullcalendar中创建多天事件

Javascript 在Fullcalendar中创建多天事件,javascript,jquery,fullcalendar,Javascript,Jquery,Fullcalendar,我正在尝试使用fullcalendar创建日历应用程序。但我有一个特别的问题 我想创建一个持续(例如)5天的事件。当我单击并拖动新创建的事件时,fullcalendar会显示如下内容: 鼠标单击于10月8日08:00开始,鼠标单击于10月12日12:00结束。该活动包括10月8日08:00至10月12日12:00之间的所有时间。这意味着我必须参加一个持续96小时的活动。你不能指望我参加为期五天的会议,对吗 所以,我真正想要的是,这五天的活动应该在08:00开始,12:00结束。这意味着事件应如

我正在尝试使用fullcalendar创建日历应用程序。但我有一个特别的问题

我想创建一个持续(例如)5天的事件。当我单击并拖动新创建的事件时,fullcalendar会显示如下内容:

鼠标单击于10月8日08:00开始,鼠标单击于10月12日12:00结束。该活动包括10月8日08:00至10月12日12:00之间的所有时间。这意味着我必须参加一个持续96小时的活动。你不能指望我参加为期五天的会议,对吗

所以,我真正想要的是,这五天的活动应该在08:00开始,12:00结束。这意味着事件应如下所示:

我通过一个接一个地创建所有事件来实现。但在我的应用程序中,由于各种原因,我禁用了同时添加两个或多个事件。此外,我希望我的客户能够立即创建这样的活动

在fullcalendar中有什么方法可以做到这一点吗

这是我的密码:

函数初始化日历{
如果(!jQuery().fullCalendar){
返回;
}
变量日期=新日期(),
起动,
结束了
var头={};
var calendar=$(“#calendar”).fullCalendar({
全天时段:错,
事件重叠:错误,
选择ovetlap:false,
标题:标题,
是的,
selectHelper:对,
defaultView:'agendaWeek',
选择:功能(开始、结束、全天){
$('fc_create')。单击();
var dateStart=start;
var dateEnd=end;
$(“.antommit”)。在(“单击”,函数(){
var title=$(“#保留标题”).val();
如果(标题){
var事件={
//minTime:“08:00:00”
//最大时间:“21:00:00”
是的,
标题:标题,,
开始:日期开始,
完:dateEnd,,
全天:错
}
日历。完整日历('renderEvent',event,true);
日历。完整日历(“取消选择”);
#('.antoclose')。单击();
返回false;
}
否则{
////警惕这里
}
})
},
eventClick:函数(calEvent、jsEvent、view)
{
var selectedEditable=calEvent.editable;
如果(已选择可编辑){
$('fc_create')。单击();
$(“#预订名称”).val(calEvent.title);
$(.autoupdate).on(“单击”,函数(){
var title=$(“#保留标题”).val();
如果(标题){
calEvent.title=$(“#预订标题”).val();
#('.antoclose')。单击();
}
否则{
////警惕这里
}
});
}
其他的
{
$('fc_edit')。单击();
$(“#title2”).val(calEvent.title);
}
日历。完整日历(“取消选择”);
},
活动:[{
////在此处添加事件。。。
}]
})
}

拖动/选择一个时间段是没有办法的,不行。它是这样工作的,因为有些活动可能真的持续几天,24/7(例如节日、假日等)。不幸的是,对于您的需求,我认为您必须编写自己的UI(可能是一个指定开始/结束时间以及多天的表单)。我认为fullcalendar对我的案例有另一个属性。这说明了为什么我找不到关于它的任何东西。听到这个消息有点难过。也就是说,通过更改fullcalendar.min.js文件中的某些内容是否可以做到这一点?我个人不会更改.min.js-使用未缩小的fullcalendar.js会容易得多。之后,您可以将其压缩回.min.js。缩小后的文件只用于生产,以节省带宽,它不是供人使用。但无论如何,是的,也许你可以修改源代码是的,但我不想说如何或在哪里。这是一个相当复杂的大项目。如果您无法解决此问题,则始终可以通过GitHub页面向项目维护人员发出功能请求。您唯一可以做的另一件事是,如果您希望假定跨多天的选择始终应拆分为单独的事件,则在
选择
回调中,将开始/结束的时间部分和日期部分分别放入4个变量中。然后循环开始和结束日期之间的日期,并使用相同的开始/结束时间为每天创建一个事件。