无法初始化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" />

但是当我尝试使用“官方”方式初始化datepicker时，它没有设置任何属性（也没有错误）：

    $('.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属性即可。