无法初始化 bootstrap-datepicker

Question

我无法让 bootstrap-datepicker (https://github.com/uxsolutions/bootstrap-datepicker) 以正确的方式初始化或调用任何方法或事件。

我正在使用 Laravel 5.4.7 / Vue 2.3.3 / jQuery 3.1.0

我的 html 看起来像这样：

<input type="text" data-provide="datepicker" />

但是当我尝试使用 "official" 方式初始化日期选择器时，它没有设置任何属性（也没有错误）：

    $('.datepicker').datepicker({
        todayHighlight: true
    });

我把代码放在哪里并不重要（开始、结束、vue created-method、vue mounted-method、$nextTick）。

但是像这样设置值是可行的：

$.fn.datepicker.defaults.todayHighlight = true;

不幸的是，因为其他方法或事件似乎都不起作用，或者仅使用 $.fn.datepicker.defaults 是不够的。

有人知道哪里出了问题吗？

Answer 1

将您的 input 字段代码更改为：

<input type="text" data-provider="datepicker" class="datepicker" />

问题出在 CSS 选择器上，即您正在搜索具有 datepicker class 的元素，但他们没有这样的元素。

所以只需添加 class 属性即可。

Can't init bootstrap-datepicker