在Fullcalendar jquery插件中查看年份视图 [英] Year View in Fullcalendar jquery plugin

查看:943
本文介绍了在Fullcalendar jquery插件中查看年份视图的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我在fullcalendar中开始了YearView(从基本的'MonthView'派生,需要显示更长的事件,例如学校假期),如果有人已经熟悉事件显示在视图上的方式,我可以用手。


  1. 使用'BasicEventRenderer',如何填充'DayEventRenderer'的'segmentContainer'?

  2. 我什么时候可以初始化默认的开始&划定活跃年份的结束日期? (开始的月份可能会更改,并且能够保持当前月份和当天的最佳状态)。

请参阅我的github分支



将活动加载为JSON: http:// arsha w.com/fullcalendar/docs/event_data/events_json_feed/



渲染事件: http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/



渲染事件例如:

  fc.fullCalendar('renderEvent',{
'id':1,
' title':'Test Event 1',
'start':'2009-11-05T13:15:30Z',
'end':'2009-11-05T13:30:00Z'
});

限制可用月份的显示: Fullcalendar限制可用月份的显示?


I started a YearView in fullcalendar (derived from the basic 'MonthView', needed to display longer events such as school holidays), and I could use a hand if anyone is already familiar with the way events get displayed on a view.

  1. Using the 'BasicEventRenderer', how do I populate the 'segmentContainer' for 'DayEventRenderer' ?
  2. And when do I initialize the default start & end date for delimiting the active year ? (the starting month could be changed, and it'd be nice to be able to keep the highlight on the current month and the current day).

See my github fork at https://github.com/Paulmicha/fullcalendar

-> example file is https://github.com/Paulmicha/fullcalendar/blob/master/tests/year-view-test-01.html


解决方案

FullCalendar Documentation: http://arshaw.com/fullcalendar/docs/

Loading events as JSON: http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/

Render event: http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/

Render event example:

fc.fullCalendar('renderEvent', {
    'id': 1,
    'title': 'Test Event 1',
    'start': '2009-11-05T13:15:30Z',
    'end': '2009-11-05T13:30:00Z'
});

Limit the display of available months: Fullcalendar limit the display of available months?

这篇关于在Fullcalendar jquery插件中查看年份视图的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆