Javascript 如何将引导数据选择器添加为Ember组件

我最头疼的一件事是获取现有库并将它们添加到我的Ember项目中。我目前正试图将添加为余烬组件，但无法使其正常工作

我已将引导JS文件添加到我的供应商文件夹中，并将以下内容添加到ember cli build中：

app.import('vendor/datepicker/bootstrap-datepicker.min.js');

然后我创建了一个名为date_picker的组件盒。组件的模板如下所示：

<div class="input-group date" data-provide="datepicker" data-date-format="dd/mm/yyyy">
    <input type="text" class="form-control">
    <div class="input-group-addon">
        <span class="glyphicon glyphicon-th"></span>
    </div>
</div>

在主模板中使用

{{date picker}

调用该组件。上面确实在屏幕上呈现了一个日期选择器，但它的行为不正确。例如，它不会自动关闭，虽然格式正确，但它不会循环几个月，也不会总是在单击按钮时选择正确的日期

---

在将此集成到Ember项目中时，我是否错过了一个步骤

您是否考虑过为此使用现有的插件

接下来，看起来选择器完全是通过CSS呈现的，而jquery失败了。我试图通过将jquery直接添加到html中，但没有任何改进。我检查了我的vendor.js，datepicker js文件已经正确编译。我确实看到了这一点，我认为这将是一个很好的解决方案，但它仍然是非常新的，并且有许多悬而未决的问题。我经常遇到集成第三方项目的问题，所以我想了解如何在没有余烬插件的情况下实现

import Component from '@ember/component';

export default Component.extend({

addDate(){
  $('.datepicker').datepicker({
    format: 'dd/mm/yyyy',
    startDate: '-3d',
    autoclose: true
});
}
});