Vue.js 2.x的Bootstrap日期选择器 - vue-bootstrap-datetimepicker

Vue.js 2.x的Bootstrap日期选择器 - vue-bootstrap-datetimepicker
插件名称 vue-bootstrap-datetimepicker
发布时间 2020年11月8日
插件作者 ankurk91

这是Eonasdan的Bootstrap Datepicker的Vue.js v2.x组件,可让您在应用程序上创建日期/时间选择器。

用法:

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