前端日历控件功能对比——el-calendar、el-datepicker、echarts日历图

---

总结一下我用到过的三种带有日历视图的前端控件：

1.el-calendar

详细使用见上篇文章：el-calendar自定义样式、标记、事件

样式：

功能：

1. 单日历显示
2. 日期块样式定制
3. 日期块标记
4. 可以为“今天“、下个月”、“上个月”按钮添加事件，也可以为某天添加点击事件
5. 可以自定义日期范围以及每周从哪天开始

缺点：

1. 无法选择时间段

主要用途：
主要用于按月份展示计划、任务、记录等事项时，可以定制一些以日为单位的交互操作，比如请求某天的数据列表，同时可以支持简单的统计展示，比如给日期块添加符号或者背景色等。

2.el-datepicker

elementUI中的日期选择器，主要用于日期的选择。

样式：