fullcalendar日历控件知识点集合

1、基本语法： 首先，fullcalendar 和 JQUERY 一样，以面向对象的方式来组织代码。当然，这里的面向对象仅仅是指可以把整个 fullcalendar 理解 为一个类，这个类里包括有很多的属性、方法、委托(函数回调)作为成员变量。通过为这些成员变量赋值，即可实例化出一个符合自己需求的 fullcalendar 实例出来，即最终在浏览器里渲染出的日历。换句话说，我们所做的绝大多数工作就是按照 fullcalendar 的语法约定去配置 出一个符合我们需求的 fullcalendar实例。除非对于极少的特殊需求，fullcalendar 向我们提供的接口不足以满足，才会去修改 fullcalendar 本身的 js 文件。 作为一种 JQUERY 插件，可以把 fullcalendar 理解为向 jquery 对象集里添加了一个日历相关的对象，这个对象里相关方法、属性、的调用方式，即为fullcalendar的基本语法。整个语法分为两种： 第一种和日历本身无关，仅仅是利用fullcalendar 提供的方法来进行字符串和日期间的转换，形式如下： $.fullCalendar.formatDate(); 第二种则是与和配置 fullcalendar 实例相关的，这最终会影响到fullcalendar在浏览器里的渲染，形式如下$(‘#someId’) .fullCalendar(content); $(‘#someId’)将得到一个 jquery 对象，其中someId 为你希望渲染日历的元素id。重点是后面一部分.fullCalendar(content); Content 有三种形式： ①为属性赋值 {key:value,…} $('#calendar').fullCalendar({ weekends: false // will hide Saturdays and Sundays }); 这里即得到一个 fullcalendar 实例，其中weekends 属性为 false,即月日历不会显示周末。 ②方法调用'methodName','para' $('#calendar').fullCalendar('next') 这里会调用fullcalendar实例的 next 方法，其结果是浏览器的日历向后翻一月(日) ③为方法回调赋值 $('#calendar').fullCalendar({ dayClick: function() { alert('a day has been clicked!'); } }); 这里是为日历控件的 dayClick 事件赋值为相应的匿名函数，其结果是日历的每日被点击时，会弹出对话框。 我想先有这样一种观念更便于后面的理解，需要渲染一个 fullcalendar 控件时，通常是直接在实例化一个 fullcalendar 时即完成它的绝大 多数属性 和委托的赋值，如此即得到一个会被浏览器渲染成日历的 fullcalendar 对象（A），当这个对象已经被渲染后，如果需要动态的修改它的相关配置，可 ...