vue-date-pick не может отображать дизайн календаря

Question

в моем проекте laravel + vue я устанавливаю и импортирую vue-date-pick.Но внезапно, когда я запускаю свой веб, это вывод средства выбора даты

Это код для установки vue-date-pick в app.js в laravel.

import Datepick from 'vue-date-pick';
vue.component('date-pick', Datepick);

Это код выбора даты vue в vue.

<date-pick name"date_input" placeholder="Select Date" v-model="form.date_input":isDateDisabled= "isFutureDate" :class="{'is-invalid': form.errors.has('date_input')}">
<has-error :form="form" field="date_input"></has-error>

Пожалуйста, вы можете найти проблему?заранее спасибо

Answer 1

Вам не хватает для импорта стиля CSS этого компонента, поэтому добавьте его следующим образом:

      import Datepick from 'vue-date-pick';
       import 'vue-date-pick/dist/vueDatePick.css';
       vue.component('date-pick', Datepick);