jQuery插件实战之Fullcalendar - 开发一个完整功能的富客户端会议室预定系统前台

来源:互联网 发布:美库尔数据库 编辑:程序博客网 时间:2024/04/29 18:51

作者:Terry li - GBin1.com

jQuery的插件非常多,应用的场景也非常丰富,今天我这里给大家介绍一款非常实用的日历插件 - fullcalendar,使用这款插件能够快速帮助你实现基于web的日历查看功能,大家可能都使用过outlook的日历功能,今天我们也开发一个类似的功能,其中会使用到相关的高级功能,例如,拖拽修改时间,生成个性化的日历项内容。

项目需求:

1. 需要在fullcalendar的原有界面上美化,这里我们使用jQueryUI,因为fullcalendar可以很好的和jQueryUI整合

2. 生成单独的日历项添加和查看功能,这里仍旧使用jQueryUI

3. 添加一个 "转到某日"功能, 这个界面功能在fullcalendar里没有,我们可以编程添加

4. 周和日浏览可以支持拖拽和移动

jQuery相关插件:

1. fullcalendar

提供Calendar功能

2. formValidator

提供输入验证功能

3. Timepicker Addon for jQuery UI Datepicker

提供datepicker时间选择功能

 

具体代码和演示请参考原文:jQuery插件实战之Fullcalendar - 开发一个完整功能的富客户端会议室预定系统