Bootstrap Date Picker For Vue.js 2.x

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


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';




props: {
  value: {
    default: null,
    required: true,
    validator(value) {
      return value === null || value instanceof Date || typeof value === 'string' || value instanceof String || value instanceof moment
  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


Vue bootstrap datetimepicker

Download Details:

Author: ankurk91

Live Demo:

Download Link:

Official Website:

Install & Download:

Add Comment