Bootstrap Date Picker For Vue.js 2.x

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

Preview:

Vue bootstrap datetimepicker

Download Details:

Author: ankurk91

Live Demo: https://jsfiddle.net/ankurk91/zupazg2u/

Download Link: https://github.com/ankurk91/vue-bootstrap-datetimepicker/archive/master.zip

Official Website: https://github.com/ankurk91/vue-bootstrap-datetimepicker

Install & Download:

You Might Be Interested In:

Add Comment