Bootstrap - Vue Ошибка формы выпадающего календаря формы Datepicker - PullRequest
Новая
       0

Bootstrap - Vue Ошибка формы выпадающего календаря формы Datepicker

0 голосов
/ 10 апреля 2020

Импортирован пример кода из Bootstrap компонентов , затем приведено ошибочное представление календаря ниже. enter image description here

В основном. js, я импортировал Bootstrap - vue, как показано ниже. 

import Vue from 'vue'
import App from './App.vue'
import './assets/scss/app.scss'
import { BootstrapVue, BootstrapVueIcons } from 'bootstrap-vue'



Vue.use(BootstrapVue);
Vue.use(BootstrapVueIcons);

Vue.config.productionTip = true;

let app = new Vue({
      el: '#app',
      render: h => h(App)
    });

В компоненте я включил форму DatePicker, как показано ниже. 

<template>
    <div class="form-container">
        <section id="search">
            <div>
                <label for="example-datepicker">Choose a date</label>
                <b-form-datepicker id="example-datepicker" v-model="value" class="mb-2"></b-form-datepicker>
                <p>Value: '{{ value }}'</p>
            </div>
        </section>
    </div>
</template>
...