1.1.0 • Published 1 year ago

vue-quarter-picker v1.1.0

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

vue-quarter-picker

介绍

一款基于Vue2.0+Ant Design的季度选择组件。

npm install vue-quarter-picker --save

API

props说明类型默认值版本
value默认值string""
year最小的年份Number, String, Datenew Date()
month年度最小的月份Number, String, Datenew Date()
inputWidth文本框的宽度Number250
isSelectedCurrentQuarter是否可以选择当前季度Booleanfalse
@change选择框改变时的事件Function(value) => {}

使用示例

注册指令

import {
  Icon,
  Input,
  Button,
  Popover
} from 'ant-design-vue'

const install = function (Vue) {
  Vue.component(Icon.name, Icon)
  Vue.component(Popover.name, Popover)
  Vue.component(Input.name, Input)
  Vue.component(Button.name, Button)
}

export default install
import 'vue-quarter-picker/es/styles/style.css'
import { QuarterSelect } from 'vue-quarter-picker'
export default {
    components: {
        QuarterSelect
    }
}

在组件中使用

<div>
    <QuarterSelect
        @selected="selectedQuarter"
        ref="quarterSelect"
        v-model="rateForm.effectDate">
    </QuarterSelect>
</div>