element-ui 季度选择器
近期由于公司业务需要，需要实现一个季度选择器来进行季度选择，查阅element-ui相关文档并没有季度相关的选择器，只有月份相关的，于是决定动手自己实现一个季度选择器，大部分逻辑参考了elementUi的月份选择器，UI上则和elementUi保持一致，大多数class都是elementUi中的，使用时请在 element-ui下使用。
已经作为一个 npm 包发布
安装方法
npm install date-season-range
import SeasonSelect from 'date-season-range'
Vue.use(SeasonSelect)
使用：
<season-select v-model="value2" inputStyle="width: 300px;" style="width:300px" />
<script>
export default {
data(){
return {
value2: [new Date(), new Date()]
}
}
}
</script>
v-model绑定的值：和 element-ui 中的 el-date-picker 一致
inputStyle：用来设置组件中显示选中季度的 input 样式
style： 则是设置组件最外层元素样式
效果
组件库演示网站也上线了（还在完善中，欢迎访问）
www.xieyuchen.life/component/s…
注意事项
1 需要在 elementUi 下使用，是对 elementUi 的扩展
2 style 和 inputStyle 的宽度需要设置一致
结语
只实现了部分功能，没有 elementUi 中的 el-date-picker 那么完整的功能，后期如有需要会完善一下，诸位也可以自行添加功能
github 地址github.com/PiterYang/d…，欢迎star和issue
