jquery.fullCalendar日程管理日历插件及事件处理原理视频教程

源代码需要修改引用的路径...

 


jquery.fullCalendar官方网址: http://arshaw.com/fullcalendar/

 

jquery.fullCalendar英文文档: http://arshaw.com/fullcalendar/docs/

 

jquery.fullCalendar下载:

http://arshaw.com/fullcalendar/download/

 

支持情况:


Support
FullCalendar is hosted at Google Code (http://code.google.com/p/fullcalendar/). Please submit bug reports and feature requests to the issues page.

Browsers
在以下条件下经过测试
- jQuery 1.3 / jQuery UI 1.7.1
- jQuery 1.2.6 / jQuery UI 1.6
- Firefox 2/3, Safari 3/4, Opera 10, IE 6/7/8

 

 

视频第一部分下载地址: 纳米盘下载 

视频第二部分下载地址: 纳米盘下载

jquery.fullCalendar中文文档下载地址: 纳米盘下载

普通属性示例的源代码: 纳米盘下载

整合google calendar的源代码: 纳米盘下载

纳米盘下载链接可能已经失效, 请到Heyjava社区下载:

http://bbs.heyjava.com/read.php?tid=969

http://bbs.heyjava.com/read.php?tid=970

 

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/lgg201/archive/2009/11/19/4836731.aspx

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
fullCalendar是一个基于jQuery日历插件,可以用来显示和管理日程安排。它支持多种日历视图,包括月视图、周视图、日视图和议程视图等,还可以添加事件、拖动和缩放事件等功能。 使用fullCalendar,你可以轻松地创建一个交互式的日历,方便用户查看和管理日程。以下是使用fullCalendar创建日程管理的基本步骤: 1. 引入fullCalendar插件及其依赖库(如jQuery)。 2. 创建一个空的div元素,用于容纳日历。 3. 初始化fullCalendar插件,并设置日历的基本属性(如日期范围、视图类型等)。 4. 添加事件数据到日历中。 5. 监听日历的事件(如事件点击、拖动、缩放等),并根据需要更新事件数据。 下面是使用fullCalendar创建日程管理的示例代码: HTML代码: ``` <div id="calendar"></div> ``` JavaScript代码: ``` $(document).ready(function() { // 初始化fullCalendar插件 $('#calendar').fullCalendar({ // 设置日历属性 header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, defaultView: 'month', selectable: true, selectHelper: true, editable: true, eventLimit: true, events: [ // 添加事件数据 { title: 'Event 1', start: '2021-09-01' }, { title: 'Event 2', start: '2021-09-05', end: '2021-09-07' }, // more events... ], // 监听日历事件 eventClick: function(calEvent, jsEvent, view) { // 处理事件点击事件 }, eventDrop: function(event, delta, revertFunc) { // 处理事件拖动事件 }, eventResize: function(event, delta, revertFunc) { // 处理事件缩放事件 } }); }); ``` 在上面的示例中,我们使用了fullCalendar的基本属性,如header、defaultView、selectable、editable等,并添加了一些事件数据到日历中。我们还监听了一些日历事件,如eventClick、eventDrop、eventResize等,以便根据用户的操作来更新事件数据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值