element-ui calendar 组件源码分享

ndar 日历组件源码分享，主要从以下三个方面。

1、calendar 组件页面结构。

2、calendar 组件属性。

3、calendar 组件 slot 挂载。

一、组件页面结构。

二、组件属性。

2.1 value / v-model 绑定值，类型为 Date/string/number，无默认值。

2.2 range 时间范围，包括开始时间与结束时间。开始时间必须是周一，结束时间必须是周日，且时间跨度不能超过两个月，类型为 array，无默认值。

2.3 first-day-of-week 周起始日，类型为 number，可选值 1-7，默认 1。

 

三、组件 dateCell slot 挂载。

3.1 date 单元格代表的日期，类型为 Date，无默认值。

3.2 data { type, isSelected, day}，type 表示该日期的所属月份，可选值有 prev-month，current-month，next-month；isSelected 标明该日期是否被选中；day 是格式化的日期，格式为 yyyy-MM-dd，类型为 object，无默认值。

3.2 组件内部事件。