Bootstrap Date Picker For Vue.js 2.x

Install & Download:

Description:

This is a Vue.js v2.x component for the Eonasdan’s Bootstrap Datepicker that lets you create Date/time pickers on the app.

Usage:

import Vue from 'vue';
import datePicker from 'vue-bootstrap-datetimepicker';
import 'bootstrap/dist/css/bootstrap.css';
import 'eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css';
Vue.use(datePicker);
<date-picker>

Props.

props: {
  value: {
    default: null,
    required: true,
    validator(value) {
      return value === null || value instanceof Date || typeof value === 'string' || value instanceof String || value instanceof moment
    }
  },
  // http://eonasdan.github.io/bootstrap-datetimepicker/Options/
  config: {
    type: Object,
    default: () => ({})
  },
  /**
   * You can set this to true when component is wrapped in input-group
   * Note: inline and wrap mode wont work together
   */
  wrap: {
    type: Boolean,
    default: false
  },
},