# Vue quarter select v1.0
一个基于 Vue.js 的季度选择器
注意
下面 demo 中的源代码 <vue-quater-select-v1> 在实际项目中需要替换为 <vue-quater-select>，在此用 v1 的组件是为了避免 v2.x 的组件对示例的影响！
# Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| value/v-model | String/Array | [] | 绑定值 |
| value-format | String | yyyy-MM-dd | 绑定值的格式 |
| minDate | String/Date | undefined | 小于最小日期的季度将禁用 |
| maxDate | String/Date | undefined | 大于最大日期的季度将禁用 |
| format | Function(year,quarter,date) | - | 使用format指定输入框的格式 |
| select-items | Array | - | 自定义下拉选项文本 |
| default-value | Date | - | 默认显示的季度 |
更多Props可查阅 vue-select-wrapper 的Props
# Methods
| 方法名 | 说明 | 参数 |
|---|---|---|
| clear | 清空绑定值 | — |
# Events
| 事件名 | 说明 | 参数 |
|---|---|---|
| change | 选项变化时 | newVal |
| visible-change | 下拉框出现/隐藏时 | 出现则为 true，隐藏则为 false |
| clear | 点击清空时触发 | — |
更多Events可查阅 vue-select-wrapper 的Events
# Slots
| Name | 参数 | 说明 |
|---|---|---|
| default | { label, value } | 自定义下拉选项模板 |
| header-left | — | 自定义头部左侧内容 |
| header-center | year | 自定义头部中间内容 |
| header-right | — | 自定义头部右侧内容 |