Web应用程序的最佳jQuery调度程序和事件日历 _Web开发

本文概述

DHTMLX Scheduler
Bootstrap Year Calendar
AlloyUI Scheduler
DayPilot
jQuery week calendar

在此顶部, 我们将为你的Web应用程序共享5个高级免费调度程序组件。我们不会列出网络上所有可用的日历插件, 仅(在我们看来)列出那些提供更好功能并脱颖而出的插件。
Bootstrap calendar Bootstrap calendar为简单项目的事件组织提供了非常简单的解决方案。确实很容易集成并在github中维护, 它使用了不同的UI和UX概念方法。它基于模板-年, 月, 日或日等所有视图均基于模板。你可以轻松更改外观或样式, 甚至在需要时添加新的自定义视图。

文章图片
Web Delicious – jQuery event calendar wdCalendar是基于jquery的Google日历克隆。它涵盖了大多数Google日历功能。具有良好的性能和良好的文档记录。

提供日/周/月视图。
通过拖放创建/更新/删除事件。
与数据库集成的简便方法。
提供全天活动/更多活动。

文章图片
Web2Cal Web2Cal为你提供了多种视图来展示你的事件。显示整个月, 日, 周, 计划程序, 每年的数据。该插件非常易于使用, 可以自定义以用于许多业务应用程序。可以与主干网集成, 并且如果你不知道.less, 则可以根据需要自定义它, 日历允许你使用回调方法控制所有事件。为你提供完成任何任务所需的所有信息, 它有一个非常活跃的免费版本社区。

文章图片
Fullcalendar Web应用程序上最流行的计划事件免费解决方案.FullCalendar是一个拖放式jQuery插件, 用于在全尺寸日历上显示事件。该插件非常适合显示事件, 但它并不是完整的解决方案事件内容管理。除了将事件拖到其他时间/日期之外, 你不能更改事件的名称或其他关联数据。你可以通过事件挂钩添加此功能。它具有时区支持, 并且还提供时间线视图。

文章图片
它完全免费, 你可以根据需要向开发人员捐款。
DHTMLX Scheduler 该调度程序有很多示例, 甚至为官方网站上的免费用户提供支持, 这是一个有用的常见问题, 并且会不断更新。支持php(如果需要, 可以仅使用javascript和css核心, 并自行创建后端逻辑), javascript非常简洁易懂。这些事件是文字javascript对象, 它们使用以下结构(如果你的项目不仅是javascript, 则必须弄清楚如何从服务器发送json并使用javascript检索它)。

// Use parse function for massive events or scheduler.addEvent for a simple event. Anyway read the documentation. scheduler.parse([ { start_date:"2013-05-13 6:00", end_date:"2009-05-13 8:00", text:"Event 1"}, { start_date:"2013-06-09 6:00", end_date:"2009-06-09 8:00", text:"Event 2"} ], "json");

文章图片
如果你在示例和文档区域中搜索良好, 则可以提供许多易于设置的可自定义视图(有些视图不是免费的, 但你可以免费使用旧版本)。
Bootstrap Year Calendar 该插件是一个完全可自定义的年日历小部件, 用于boostrap。你可以在初始化时对日历事件绑定方法, 请阅读文档以获取更多信息。

文章图片
AlloyUI Scheduler AlloyUI是在YUI3(JavaScript)之上构建的框架, 该框架使用Bootstrap 3(HTML / CSS)提供用于构建高可扩展性应用程序的简单API。调度程序组件确实很有前途, 功能强大, 非常易于使用。
支持调整大小, 拖放, 日, 周, 月, 日程视图。该插件未包含在官方顶部, 因为它只是框架的组成部分。但是, 在这篇文章中值得一提。