vue-year-picker

仿ant风格年份选择器

使用方法

1. 安装

npm install --save vue-year-picker

import Vue from 'vue';
import yearPicker from 'vue-year-picker'

Vue.use(yearPicker);

2. 组件中使用

<year-picker
             dark 
             v-model="year" 
             :year-disable="'no'"
             @input="handlerInput" 
             />

export default {
  name: 'demo',
  data() {
    return {
      year: ''
    }
  },
  methods: {
    handlerInput(v) {
      console.log('选中的年份',v)
    }
  }
}

3.Attributes

| 参数 | 类型 | 描述 | | :----------: | :-----: | :-----------------------------------------: | | dark | Boolean | 默认false，设置为true时开启深色模式 | | year-disable | String | 'after'=禁用今年以后，'before'=禁用今年以前 |

4.Events

| 事件名 | 说明 | 参数 | | :----: | -------------------- | ----- | | input | 当用户选中年份时触发 | value |