草庐IT

fullcalendar-2

全部标签

javascript - Fullcalendar 时间轴 View 最后一列总是更宽

我已经为全日历调度程序的时间线View创建了自定义View(timelineCustomMonth、timelineCustomWeek、timelineCustomDay)。但是,无论分辨率如何,最后一列总是比前面的列宽。我可以说这不是另一个CSS文件的问题,因为我排除了除fullcalendar之外的所有CSS文件,而且问题是一样的。全日历v3.0.1Fullcalendar-Schedulerv1.4.0这是我的javascript全日历初始化:$("#calendar").each(function(){varcalendar=$(this);calendar.fullCale

javascript - viewRender 后 FullCalendar View 卡住

我在这里遇到了一个很大的问题,我试图在使用同步点更改View的同时加载事件。更改同步点效果很好,我还可以发送和接收信息。但是日历仍然卡住,我必须在它再次开始工作之前更改几个月。然后我可以回到上个月。我正在使用AngularJS加载事件,并使用$q在请求之前加载数据:$q(function(resolve,reject){resolve(beforeSendStatus());}).then(function(){EventService.get({start:moment(start).format("DD-MM-YYYY"),end:moment(end).format("DD-MM

javascript - 在 FullCalendar 中,我可以在不使用拖动的情况下获得类似于 droppable 的行为吗?

完整日历有一个选项allowdraggingofexternaljQueryUIdraggablesontothecalendar.正如你在这个demo上看到的那样(在“周”View中最明显),当您将事件拖动到时间段上时,相关时间段会根据将要创建的事件的持续时间突出显示。可转换事件也将符合任何constraints为他们指定的。这意味着当拖动无效时隙时,它们不会突出显示,并且不会接受放置。是否可以在不实际使用可拖动对象的情况下获得这些功能?我想将一个预先指定的事件(标题、持续时间)放在日历上,使用自动约束计算和上述视觉反馈,但只需简单的鼠标悬停和点击。Tobclarify我想单击一个时

javascript - 当在 FullCalendar 中设置 15 分钟 slotMinutes 时,事件结束得太早

我基本上做到了:$(document).ready(function(){$('#calendar').fullCalendar({defaultView:'agendaWeek',firstDay:1,allDaySlot:false,axisFormat:'h(:mm)tt',slotMinutes:15,defaultEventMinutes:45,所以我的左侧以15分钟为单位显示时间。问题是,我设置了一个从上午10:00到10:45运行的事件,它显示了该事件,但它似乎在10:30结束。我添加了一个屏幕截图,左侧的事件在json中设置如下:array('id'=>333,'tit

javascript - fullCalendar 上的多个 nowIndicators

因为关于nowIndicator的文档很少……有没有办法在同一页面上显示类似nowIndicator的元素?例如...我想从01:00开始显示一个绿色的,我想从12:00开始显示一个蓝色的 最佳答案 我不确定这是否是最佳解决方案,它更像是一种hack。这个想法是将背景颜色更改为今天的行。所以你选择所有的行,因为时间间隔是30分钟,你会得到96个元素。(每天48个)前24个您不需要它,因为它是前一天。您将需要25-73个元素,因为今天是行。我编写了这个函数,它将在每个dayRender上调用。functioncolorToday(){

javascript - FullCalendar 的时区无法正常工作

仍在摆弄FullCalendar。我试图弄清楚为什么当dayClick事件被触发时,当我尝试将dateTime参数设置为本地和UTC时,dateTime参数本身仍然处于GMT。这基本上落后了一整天。我将点击3月19日,日期时间为3月18日。这是我的日历配置和我的dayClick事件:vm.uiConfig={calendar:{height:350,editable:false,draggable:false,selectable:true,selectHelper:true,unselectAuto:false,disableResizing:false,droppable:fals

javascript - 根据视口(viewport)宽度更改 fullCalendar View 和标题选项?

fullCalendar是一个jquery日历插件。我用它来显示来自一个谷歌日历的数据。我有两个视口(viewport)宽度断点,我希望默认日历View和日历标题选项的组合不同。视口(viewport)小于700像素:默认View应该是agendaDay并且应该没有标题按钮选项可用于更改View,例如agendaWeek或month.大于700像素的视口(viewport):默认View应该是agendaWeek并且应该有标题按钮可供选择不同的View(例如agendaDay和month以及默认ViewagendaWeekView)。我有用于日历View和标题选项的较大视口(viewp

javascript - 在 FullCalendar 中禁用过去日期

我最近开始使用FullCalendar插件。我正在尝试实现在日历中删除事件的功能。但在保存到数据库之前,我想检查并禁用/防止删除今天之前日期的外部事件。关于如何做到这一点的任何想法?我正在寻找过去几天变灰之类的东西,以便我也可以显示已经存在的事件。只是想防止用户删除过去日期的事件。编辑:drop:function(date,jsEvent,ui){if(date我尝试使用此方法从日历中删除删除的事件并将其再次附加到div。即便如此,它也没有被移除。谢谢。:) 最佳答案 eventConstraint可以禁止在既定边界之外拖放把过去的

javascript - 通过拖放 fullcalendar-Javascript 来更新事件

我正在使用Fullcalendar对于我正在开发的项目...我只剩下一个功能要实现,即当现有事件从其原始位置拖到另一个时间或日期时。我想知道如何获取当前对象信息(标题、新开始时间、旧开始时间、id、url等),以便我可以使用较新的信息更新数据库……Fullcalendar对象的哪个属性执行我用?我实现了drop属性;drop:function(date,allDay){//retrievethedroppedelement'sstoredeventobjectvaroriginalEventObject=$(this).data('eventObject');//weneedtocop

javascript - 如何制作基本的 FullCalendar 自定义 View

下面的代码来自FullCalendar的CustomView文档。这似乎是一个很好的开始,但对于像我这样的新手来说,拥有一些呈现最简单的自定义View(带有一些事件)的基本代码将非常有帮助。他们告诉你看BasicView和AgendaView作为引用,但是有点超出我的理解范围。是否需要在自定义类中重写每个函数?这个Plunker有一个基本的FullCalendar和一个可以更改为自定义View的按钮。看到一个工作示例会非常有帮助。我已经修补了几个小时,但自定义View没有成功。如果您了解FullCalendar并且愿意为函数填写一些代码,将不胜感激!https://plnkr.co/e