我如何在 vue3 中使用 bootstrap 日期选择器

Question

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

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

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

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

Answer 1

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

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

我如何在 vue3 中使用 bootstrap 日期选择器

How do I use the bootstrap datepicker in vue3

datepicker

vuejs3

bootstrap-5