vue-year-picker

vue year picker
1,957 3
Install
npm install vue-year-picker
Latest Version:1.1.1
Vue:2
License:MIT
Last Updated:Jan 31, 2024
Links: GitHub  ·  npm
Maintainer: wjune211

vue-year-picker

仿ant风格年份选择器

image

使用方法

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

Related Packages

vue-3-better-picker

Mobile picker component for Vue 3

68,823 0
@v-c/picker

picker ui component for vue

57,185 32
vuemoji-picker

Vue 2 and 3 lightweight emoji picker.

124,448 72
@invisiburu/vue-picker

A native-like select field, but better.

5,668 16
date-of-birth

date of birth

3,321 0

Version History

Version Released Vue License
1.1.1 ^2.5.11 MIT
1.1.0 ^2.5.11 MIT
1.0.7 ^2.5.11 MIT
1.0.6 ^2.5.11 MIT
1.0.5 ^2.5.11 MIT