日历是我们生活中重要的一部分。在当今世界,人们大多使用网络或移动日历。它们随处可见,包括在各种软件中:预订应用、旅行软件、项目管理、管理面板等。
出于多种原因,用户可能需要在网站上使用日历。用户需要容果从日历中选择日期来填写表格,或者在填写某些信息时提供日期。
毫无疑问,它可称被为业务应用的关键组件。想象一下,经过严格调整和开发的日历插件会使你的业务会受到多大的影响。所以这个组成部分应该在开发中给予足够的关注。
在本文中,我们将审视 Web 应用中良好日历的标准。此外还将向你展示不同框架中的最好的库,你可以基于它们构建自己的解决方案。
适用于 Web 应用的优质日历
我们将评估标准分为4个维度。
- 文档。为了学习如何构建或重建它,必须有详细的文档记录。没有或缺少文档的产品无权存在。
- 自定义。为了添加或删除某些功能,一个优秀的库应该带有可以修改的选项。这尤其适用于开源软件。
- 兼容性。有谁会想访问一个只能在最新版 Chrome 和 Webkit 浏览器中正常使用的网站?现在许多商业应用仍可在旧版浏览器中使用。
- 用户体验。问问自己该插件是否能够方便的实现用户的需求?它符合你的产品风格吗?与库实际处理你任务的方式相比,文档的外观和并不特别重要。
顶级日历库
我们已经包含了基于 React、Angular、Vue、Bootstrap 或 jQuery 的各种日历库。其中一些更强大,一些更容易定制。希望本列表能够帮助你完成工作。
Fullcalendar.io
GitHub stars: 9400
Price and License: MIT
Website/Demo: https://fullcalendar.io/
Github: https://github.com/fullcalend…
安装: NPM, Yarn
框架: React, Vue, Angular
Fullcalendar.io
对于那些知道自己想要什么的人来说,这是一个很不错的选择。没有详细的使用步骤,只有简短的入门指南和文档页面。非常轻巧。
该库易于定制,并带有许多不同的组件。网站、demo 和文档给出了一个成熟产品的印象,你不会害怕使用它。有了它,你可以计划资源并标记事件。它还包含时间线视图和各种主题。这个库的一个很大的优势是提供了在 React、Vue 和 Angular 中开发的文档。
Tui calendar
GitHub stars: 7328
Price and License: MIT
Website/Demo: http://ui.toast.com/tui-calendar
Github: https://github.com/nhn/tui.ca…
**安装:**通过包管理器或CDN
框架: React,Vue,Angular 包装
Tui calendar<