草庐IT

Fullcalendar

全部标签

jquery - 如何在 Rails 中正确使用 Fullcalendar jQuery 插件

我正在使用rails4中的gem'fullcalendar-rails'来使用jqueryfullcalendar,顺便说一句,我是rails的新手,我花了很多天时间试图让它工作,但我找不到从日历到railsController的正确发布,然后将其保存到数据库的指南。我试过这个指南,但似乎没有什么能正常工作,有人知道如何做吗?http://www.rkonrails.com/blog/2013/10/full-calendar-rails-jquery-full-calendar-in-rails/http://blog.crowdint.com/2014/02/18/fancy-ca

javascript - 通过 id 获取 fullcalendar fc-event div

我正在开发一个应用程序,该应用程序使用全日历并在单击事件时在事件上显示Bootstrap弹出窗口。该日历会使用来自服务器的数据定期刷新,通过轮询检索。我遇到的问题是,每当此轮询在弹出窗口处于事件状态时发生,所有事件都会重新呈现并且弹出窗口之前指向的div是孤立的,从而导致我们的弹出窗口逻辑出现问题(滚动,确保只有一个弹出窗口一次处于事件状态等)。解决此问题的一种方法是记住刷新前哪个事件的弹出窗口处于事件状态,然后在事件重新呈现后重新附加弹出窗口。获取需要弹出窗口的事件的ID没有问题,但我似乎无法找到一种方法来查询fullcalendar以获取与给定事件ID关联的fc-eventdiv。

javascript - 如何在全日历日 View 中更改默认行高?

如何更改FullCalendar日View(议程)中行元素的默认高度?需要CSS类或Javascript函数。有关详细信息,请参阅屏幕截图- 最佳答案 如果你想改变每个30分钟block的高度,你应该使用下面的CSS并根据需要调整高度。默认值为2.5em。.fc-time-grid.fc-slatstd{height:2.5em;}看看aworkingjsfiddle. 关于javascript-如何在全日历日View中更改默认行高?,我们在StackOverflow上找到一个类似的问题

javascript - FullCalendar 水平时间范围选择

谁能告诉我如何实现如下图所示的效果。如何在选定的日期中选择特定的时间范围。请注意,选择跨越多天。这是多天的水平选择(而不是连续的选择)。我正在使用fullCalendarjquery库。 最佳答案 因此,除非您想大量修改FC,否则您需要做的事情不太可能。但是你可以做一些非常接近的事情:JSFiddle基本算法开启selectHelper这样FC就会尝试将其呈现为事件。在eventRender,停止帮助程序实际渲染。取而代之的是,将其开始日期和结束日期分成每天一个事件。呈现分块事件。分块和渲染//Chunksamultidayeven

javascript - 将 fullcalendar 与 webpack 结合使用

我使用npm、webpack和FullCalendar,但在使用fullcalendar时,浏览器控制台出现以下错误:main.js:37556UncaughtTypeError:(0,_jquery2.default)(...).fullCalendarisnotafunction我该如何解决这个问题?我使用FullCalendar3.0.0-beta和jquery3.1.0。我的代码如下。index.js:import$from'jquery'importjQueryUIfrom'jquery-ui'importmomentfrom'moment'importfullCalenda

javascript - 显示 06 :00 instead of 6am in FullCalendar

如果您选择查看一周或一天,左栏将默认显示早上6点、早上7点等。我该如何让它显示06:00、07:00等等?编辑:我说的是周View和日View的左栏,默认情况下是早上6点、早上7点、早上8点。不是事件中的时间戳。为了进一步指出问题,我想将图像突出显示部分的上午/下午更改为24小时制:http://bildr.no/view/770893 最佳答案 检查一下http://arshaw.com/fullcalendar/docs/text/timeFormat/你应该总是在做任何事情之前先检查文档,这只是一个提示试试这个day:'h:m

javascript - FullCalendar 日期格式

想找到更改FullCalendar中默认日期格式的方法。其实是:2013年8月13日星期二18:00:00GMT-0400(EDT)我要:2013-08-13谢谢。 最佳答案 有关FullCalendar的特定信息,您可能需要查看this,它为您提供了一些格式规则。还有更多信息here这可能会有用。但是,如果您需要在FullCalendar和其他包或您自己的代码之间的接口(interface)中使用此日期格式,则可以直接使用JavaScript执行此操作:如果你想要“今天”,你可以(小心,因为那是客户端):>(newDate()).

javascript - 在 FullCalendar 中点击一天获取事件

我想知道是否可以通过在全日历中单击那一天来获取列表或数组或包含某一天事件的内容。现在我从谷歌日历中获取事件,如果每次我想获取一天的事件时都需要进行查询,那么连接将非常困难。我想这一定是可能的,因为您已经有了用于呈现它们的事件。一位用户向我要代码:dayClick:function(date,allDay,jsEvent,view){console.log(date);console.log(allDay);console.log(jsEvent);console.log(view);if(allDay){//alert('Clickedontheentireday:'+jsEvent)

JavaScript fullCalendar 插件读取 'applyAll' 在 gcal.js 中未定义

我正在尝试在JavaScript中使用fullcalendar插件的谷歌日历模块。当我尝试加载谷歌日历时,控制台显示:UncaughtTypeError:Cannotreadproperty'applyAll'ofundefined错误发生在gcal.js的第23行:21|varfc=$.fullCalendar;22|console.log($.fullCalendar);23|varapplyAll=fc.applyAll;我添加的console.log()返回$.fullCalendar为未定义,然后fc.applyAll也返回未定义。我对JS的了解不足以完全理解这个文件中发生的

javascript - 全日历 v2 错误 : Uncaught TypeError: Cannot read property 'month' of undefined

我在添加事件时使用了选择回调。以下代码在v1中有效,但我在v2中遇到了UncaughtTypeError。当我删除ajax代码时没有错误,但我当然需要将新事件添加到数据库中。select:function(start,end,jsEvent,view){vartitle='Available';vareventData;eventData={title:title,start:start};$.ajax({type:'POST',url:'add-event.php',data:eventData,success:function(data){$('#calendar').fullCa