fullcalendar 节日?fullcalendar 设置高度?jQuery插件实战之fullcalendar（日历

你是否正在寻找关于fullcalendar的内容？让我把最新的东西奉献给你：

jQuery的插件非常多，应用的场景也非常丰富，今天我这里给大家介绍一款非常实用的日历页面开发插件 - fullcalendar，目前最新版本是1.5.1，使用这款插件能够快速帮助你快速编程实现基于web的日历查看功能，大家可能都使用过outlook的日历项功能，使用日历界面能更方便的查看待办事项或者约会。开发过程快速方便。插件首页的文档也非常全。当然目前只有英文文档。不错插件支持多语言，这个很不错。

在过去web程序开发中，我曾经使用这个插件开发了公司内部的会议室预定系统，这里我简单的介绍一下fullcalendar的相关开发，并且实例讲解一下如何使用这个插件开发日历，其中会使用到fullcalendar里相关的高级功能，例如，拖拽修改时间，生成个性化的会议室预定系统日历项内容。以上代码都是实际项目中使用的前台，大家如果需要可以直接修改使用，。

项目需求：

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

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

3. 因为是一个实际项目，需要数据验证，所以这里我们使用formVaildator插件实现

4. 添加一个 "转到某日"功能， 这个界面功能在fullcalendar里没有，我们可以通过编程添加类一个功能，其中调用了datepicker的一个addon，后面会介绍到

5. 周和日浏览可以自由的支持拖拽和移动，用来修改日期和时间

6. 浏览器支持： IE8和Firefox

jQuery相关插件：

1. fullcalendar

提供Calendar功能

2. formValidator

提供输入验证功能

3. Timepicker Addon for jQuery UI Datepicker

提供datepicker时间选择功能

开发代码：

导入相关jQuery插件类库，如下：

以上就是关于fullcalendar的全部内容，相信你一定会非常满意。

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/ruanjian/article-15157-1.html