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 组件内部事件。