Calendar 日历
基础用法
使用v-model双向绑定数据,firstDay 表示以星期几为开头,onChange返回当前变化的日历数据。
插槽自定义日历数据
具名插槽为date-cell,可以获取每个日期的数据
Calendar API
属性
| 属性名 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| v-model | 选中项绑定值 | Date | --- | 当前 Date |
| firstDay | 以星期几开头,0~6 分别表示星期日、一、二、三、四、五、六 | number | 0,1,2,3,4,5,6 | 0 |
| options | 配置项(详细请看 options 属性) | object | ----------- | --------- |
options 属性
| 属性名 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| width | 日历的宽度 | string | --- | 100% |
| height | 日历的高度 | string | --- | 100% |
具名插槽
| 名称 | 说明 | 类型 | 默认 |
|---|---|---|---|
| date-cell | type 表示该日期的所属月份,可选值有 prev-month、current-month 和 next-month;isSelected 标明该日期是否被选中;day 是格式化的日期,格式为 yyyy-MM-dd;date 是单元格的日期 | Object | 当前 Date |
Events
| 方法名 | 说明 | 参数 |
|---|---|---|
| onChange | type表示动作类型,selectDate选中日期,pre-month、next-month分别为上个月和上个月;date为变化后返回的日期 | Object |