# TimeQuarter 季度选择器
# 安装
$ npm i @hui-pro/time-quarter -D
# 或者
$ yarn add @hui-pro/time-quarter --dev
# 引入
import TimeQuarter from '@hui-pro/time-quarter';
import '@hui-pro/time-quarter/theme/index.scss';
Vue.use(TimeQuarter);
# 可传入 date 类型
<h-time-quarter v-model="date" />
<script>
export default {
data() {
return {
date: [new Date(), new Date()]
};
}
};
</script>
# 可传入字符串类型
<h-time-quarter v-model="date" />
<script>
export default {
data() {
return {
date2: ['2019-04-01', '2019-06-30']
};
}
};
</script>
# 可设置置灰
<h-time-quarter v-model="date3" :disabled-fn="disabledFn" />
<script>
export default {
data() {
return {
date3: [new Date(), new Date()]
};
},
methods: {
disabledFn(time) {
return time.getTime() > Date.now();
}
}
};
</script>
# API
# Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| disabled-fn | 置灰函数 | Function | --- | --- |