我们在进行项目开发时,经常遇到需要日历组件,目前大多数UI框架,如elementUI都提供有日历组件,如Calendar、DatePicker等。但当我们需要一些复杂的日历功能时,这些组件往往不能满足我们的需求,例如带事件的日历、备忘录日历、多日历等。本文给大家推荐几款开源的Vue 日历组件,以满足我们对日历的高级需求。
- dayspan-vuetify
Github地址:https://github.com/ClickerMonkey/dayspan-vuetify
一款基于vuetify的日历、待办事项组件。
组件支持多语言配件,功能上实现了日历的按月、年、周、日等形式显示,支持添加待办事项等功能。
2. V-Calendar
不依赖第三方组件的日历和日期选择器插件。
支持各种自定义颜色配置、深色模式;支持各种灵活的布局模式;支持键盘操作;可以自定义设置日历上每日的显示属性,添加待办事项等;支持国际化等。功能非常丰富,值得体验!
3. vue-simple-calendar
Github地址:https://github.com/richardtallent/vue-simple-calendar
Vue -simple-calendar是一个灵活的、可主题化的轻量级日历组件,支持多日计划项。
该组件不依赖第三方组件,功能非常精简,主打的就是计划任务日历,提供了很多扩展接口,满足我们的定制需求,如果项目的需求非常明确,需要制作备忘录类的日功功能,可以选择该组件。
本文介绍了3款适合做备往录、计划任务的vue日历组件,下篇文件会继续为大家分享项目中甘特图组件的使用。