vue-date-pick无法显示日历设计

Question

在我的laravel + vue项目中，我安装并导入了vue-date-pick。但是突然，当我运行我的网站时，这就是output of date-picker

这是在laravel中的app.js中安装vue-date-pick的代码。

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

这是vue中的vue-date-pick代码。

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