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

Question

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

这是在 app.js laravel 中安装 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);

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

vue-date-pick cannot display the calendar design

vue.js

laravel-5.7