Web日程管理FullCalendar

fullcalendar是一款jQuery日程管理控件,提供了丰富的属性设置和方法调用,官网下载地址http://fullcalendar.io/download,目前最新版本是2.3.2。
只要调用$('#calendar').fullcalendar(options)即可初始化,初始化配置中events、eventSources、select和eventClick是必须设置项。
events和eventSources是数据源配置项,存储数组对象,可以是Arrays/Functions/URLs, 点击详情。如
$('#calendar').fullCalendar({
    events: {
        url: 'http://<数据源路径>',
        type: 'post'
    }
});

eventSources和events类似,不过eventSources用于多个数据源的情况,是events数组, 点击详情。如
$('#calendar').fullCalendar({
    eventSources: [
        '/feed1.php',
        '/feed2.php'
    ]
});

select是时间段选择事件,当选择某个时间段时触发,用于新建日程, 点击详情。

eventClick是日程点击事件,当某个日程被点击是触发,用户查看或者更新日程,点击详情。





	
	日程管理
	
	
	
	
	
		
	
	
	
		
		
	
	
	
	
	
	
	



	




你可能感兴趣的:(Web前端,Web,Web前端,FullCalendar,Web)