# vue-quarter-picker

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

Latest version **1.1.0** (published 2022-12-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-quarter-picker
pnpm add vue-quarter-picker
yarn add vue-quarter-picker
bun add vue-quarter-picker
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.0 |
| Published | 2022-12-30 |
| First published | 2022-12-24 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 26 KB |
| Known vulnerabilities | 0 (+13 in 2 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | 绝对零度 |
| Maintainers | kfhechenglong |
| Keywords | 季度组件选择器, vue, vue2, Ant Design |

## Links

- npm: https://www.npmjs.com/package/vue-quarter-picker
- Repository: https://github.com/kfhechenglong/vue-quarter-picker
- Homepage: https://github.com/kfhechenglong/vue-quarter-picker#readme
- Issues: https://github.com/kfhechenglong/vue-quarter-picker/issues
- npm.io page: https://npm.io/package/vue-quarter-picker

## Dependencies (4)

- [vue](https://npm.io/package/vue.md) ^2.7.14
- [sass](https://npm.io/package/sass.md) ^1.57.1
- [vite](https://npm.io/package/vite.md) ^4.0.3
- [vite-plugin-dts](https://npm.io/package/vite-plugin-dts.md) ^1.7.1

## Recent versions

- 1.1.0 (latest) — 2022-12-30
- 1.0.1 — 2022-12-24
- 1.0.0 — 2022-12-24

## README

# vue-quarter-picker
## 介绍
一款基于`Vue2.0`+`Ant Design`的季度选择组件。

```
npm install vue-quarter-picker --save
```

# API

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



## 使用示例

### 注册指令

<!-- 注册必要组件 -->
```js
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

```

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

### 在组件中使用
```html
<div>
    <QuarterSelect
        @selected="selectedQuarter"
        ref="quarterSelect"
        v-model="rateForm.effectDate">
    </QuarterSelect>
</div>
```

---
_Source: https://npm.io/package/vue-quarter-picker · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._