电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

fullcalendar日历控件知识点集合

fullcalendar日历控件知识点集合_第1页
1/11
fullcalendar日历控件知识点集合_第2页
2/11
fullcalendar日历控件知识点集合_第3页
3/11
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),当这个对象已经被渲染后,如果需要动态的修改它的相关配置,可 ...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

fullcalendar日历控件知识点集合

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部