User-friendly Birth Day Picker Component For Vue.js

Description:

A Vue.js component that makes it easier to select your birthday from a user-friendly date picker interface.

More features:

  • Multiple languages.
  • Inline & popup modes.
  • Custom placement.
  • Custom placeholder.
  • Allows you to set max/min years.

Basic usage:

1. Install and import the component.

import birthDatepicker from 'vue-birth-datepicker';

2. Create a basic birthday picker on the app.

<birth-datepicker v-model="date" />

3. Possible props to customize the birthday picker.

value:        { type: [Number, String] },
valueIsString:{ type: Boolean, default: false },
disabled:     { type: Boolean },
required:     { type: Boolean },
placeholder:  { type: String },
attachment:   { type: String, default: 'bottom left' },
wildcard:     { type: String, default: '_' },
delimiter:    { type: String, default: '.'},
yearFirst:    { type: Boolean, default: false },
closeOnSet:   { type: Boolean, default: true },
hideHeader:   { type: Boolean, default: false },
inline:       { type: Boolean, default: false },
high:         { type: Boolean, default: false },
locale:       { type: [String, Array],  default: "en" },
minYear:      { type: [Number] },
maxYear:      { type: Number },
selectYear:   { type: [Number, Boolean] },

Download Details:

Author: m-kant

Live Demo: http://mkant.ru/mink-js/vue-birth-datepicker/

Download Link: https://github.com/m-kant/vue-birth-datepicker/archive/master.zip

Official Website: https://github.com/m-kant/vue-birth-datepicker

Install & Download:

# NPM
$ npm install vue-birth-datepicker --save

You Might Be Interested In:

Add Comment