如何将Bootstrap日期选择器添加为Ember组件

Question

我最努力的事情之一就是将现有库添加到我的Ember项目中。 我目前正在尝试将Bootstrap日期选择器添加为Ember组件，但无法使其正常运行。

我已将Bootstrap JS文件添加到我的Vendor文件夹中，并将以下内容添加到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>

该组件的JS文件当前为：

import Component from '@ember/component';

export default Component.extend({

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

该组件在主模板中使用{{date-picker}}调用。 上面的方法确实在屏幕上呈现了一个日期选择器，但是其行为不正确。 例如，它不会自动关闭，并且在格式正确的同时，它不会循环显示几个月，也不会始终在单击按钮时选择正确的日期。

将它集成到Ember项目中，我错过了什么步骤吗？

Answer 1

您是否考虑过使用现有的插件？ https://github.com/soulim/ember-cli-bootstrap-datepicker