User-friendly Birth Day Picker Component For Vue.js

Install & Download:

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

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] },

Add Comment