Fullcalendar,每天限制号码事件所需的文件,查看更多/更多按钮?

时间:2013-11-19 05:12:54

标签: javascript jquery css fullcalendar

我正在使用fullcalendar视图功能。我正在使用,

fullcalendar.css

fullcalendar.min.js。

我的代码是,

  $('#calendar').fullCalendar({
      header: {
      left: 'prev,next',
      center: 'title',
      right: 'month,basicWeek,basicDay'
      },
      editable: true,           
      events:curEvents
  });

工作正常。但是,如果我将更多数据传递给'curevents'意味着,月视图高度会变长。所以我想在'viewmore / more'选项/链接中添加'限制事件'概念,以便在点击'viewmore'选项时通过弹出框(或)显示数据它将重定向到日视图。 所以我尝试了一些代码,

$('#calendar').limitEvents(4);

来自以下链接的帮助=>

fullcalendar, how to limit the number of events per day in the month view

但是月份视图的高度只是对齐。查看更多按钮尚未显示。所以我想要,用于处理此视图的文件名称更多按钮功能。 如果你给出深层代码解释方法,它对我更有帮助。 查看更多按钮尚未显示,以下代码也不限制事件。

$('#calendar').limitEvents(4);

1 个答案:

答案 0 :(得分:2)

请尝试以下操作。

使用新版本v2.1.0-beta2发布17天前 Arshaw 执行以下操作

  

已解决的问题:

     
      
  • 最多事件与"更多..."链接(304)
  •   
  • 在拖动/调整大小时不要触发eventMouseover / eventMouseout(1297)
  •   
     

新选项:

     
      
  • eventLimit
  •   
  • eventLimitClick
  •   
  • eventLimitText
  •   
  • dayPopoverFormat
  •   

Source

因此,您可以执行以下操作:

$('#calendar').fullCalendar({
    lang: 'en',
    eventLimit: true, // If you set a number it will hide the itens
    eventLimitText: "Something" // Default is `more` (or "more" in the lang you pick in the option)
});