这个日历组件也太会玩了
项目简介
TOAST UI Calendar 是由 NHN Cloud 开发并维护的开源项目，拥有 12k 颗星，是一个能满足不同需求的日历组件。它支持多种前端框架，包括纯 JavaScript、React 和 Vue。
这个日历组件的使命很明确：为你的应用提供全面的日程安排和任务管理功能，无论是简单的会议安排还是复杂的多任务日历。
核心特点
TOAST UI Calendar 拥有丰富的特性，开发者们绝对不会失望：
-
• 多视图模式：支持月、周、日视图，甚至支持 2 周和 3 周的自定义视图，满足不同显示需求。
-
-
• 拖拽与调整：用户可以轻松拖动或调整日程，互动性极强。
-
-
• 内置弹窗：提供默认的创建和详情弹窗，减少开发者自定义界面的时间。
-
• 高度可定制：可调整网格单元的页眉页脚，完全控制日历的 UI，甚至可以根据需求定制主题。
-
• 高效的任务和里程碑管理：方便用户组织复杂的日程安排。
-
• 支持窄屏设计：如周末缩窄等功能，方便在不同设备上查看。
-
• 自定义开始日期：灵活设置日历周的开始日期。
技术信息
-
• 主要技术：TOAST UI Calendar 使用 TypeScript 编写，确保了良好的类型安全和可维护性。依赖于 Preact、Immer 以及 DOMPurify，部分功能需要 tui-date-picker 和 tui-time-picker。
-
• 浏览器支持：兼容性非常广，支持最新版本的 Chrome、Edge、Safari、Firefox 和 Internet Explorer 11+（是的，你没看错，IE 也能运行！）。
-
• 许可证：基于 MIT 许可，使用灵活，不限于商业或非商业项目。
使用案例
TOAST UI Calendar 已被广泛应用于多个知名项目，包括 NHN Dooray!（协作服务平台）和其他企业级产品，如 NCP 和 shopby 等。
快速上手
想要快速开始？你可以在 GitHub 查看 TOAST UI Calendar 仓库(https://github.com/nhn/tui.calendar)，获取源代码和完整文档。通过 npm 或 yarn 安装后，即可快速集成到项目中，并根据需求选择不同框架的封装包。
# 通过 npm 安装
npm install @toast-ui/calendar
结语
TOAST UI Calendar 是一个不可多得的日历工具，不仅功能全面，而且灵活易用。如果你需要一个高效、可靠的日程安排解决方案，不妨试试这个组件，让你的应用“日程”变得井井有条！
更多好工具分享，都在群中
推荐阅读
欢迎关注我的公众号“前端新视野brizer”，原创技术文，开源好工具第一时间推送。
