如何在 vue3 中使用引导日期选择器

Posted 2023-05-07

【中文标题】如何在 vue3 中使用引导日期选择器

【英文标题】：How do I use the bootstrap datepicker in vue3

【发布时间】：2022-01-12 21:01:23

【问题描述】：

我正在使用 vue3 和 bootstrap 5。我想在我的应用程序中添加一个日期选择器。 datepicker 在 bootstrap4 中，但在我看来 bootstrap5 没有它。我很惊讶它不存在，我不明白他们为什么要删除它。

无论如何，我尝试使用vue3-datepicker。我是这样使用它的：

<div>
    <datepicker v-model="form.birth_day" />
</div>
<script>
import Datepicker from 'vue3-datepicker'
....

这正是我认为我应该使用它的方式。但是我对vue有点陌生。 它不起作用。没有错误，也没有datepicker。

【参考方案1】：

好的，我解决了。您需要注册组件。

<div>
  <datepicker v-model="form.birth_day" />
</div>
<script>
import Datepicker from 'vue3-datepicker'
export default 
  name: 'Register',
  components: 
    Datepicker
  ,
 ...