vue-quarter-select v1.0.1

vue-quarter-select

一个基于 Vue.js 的季度选择器

安装

#npm
npm install --save vue-quarter-select

全局引入

import VueQuarterSelect from "vue-quarter-select";
Vue.use(VueQuarterSelect)

局部引入

<template>
    <VueQuarterSelect
        :options="options"
        :max="2032"
        :min="2012"
        @handleQuarterSelect="handleQuarterSelect"
        @maximum="handleMaxmum"
        @minimum="handleMinimum"
    />
</template>

<script>
import VueQuarterSelect from "vue-quarter-select";
import moment from "moment";
export default {
    components: { VueQuarterSelect },
    data() {
        return {
            options: {
                quarter: moment().quarter(), // ['Number', 'String']
                year: moment().year(), // ['Number', 'String']
            },
        };
    },
    methods: {
        handleQuarterSelect(params) {
            // 输出格式 {year: 2032, quarter: 1}
            console.log(params);
        },
        handleMaxmum(message) {
            // 默认提示文本 例如： 最小年为2012年
            console.log(message);
        },
        handleMinimum(message) {
            // 默认提示文本 例如： 最大年为2032年
            console.log(message);
        },
    },
};
</script>

参数

事件