如何将Bootstrap Date Picker添加为Ember组件

Question

我最挣扎的一件事是将现有库并将其添加到我的Ember项目中。我目前正在尝试将Bootstrap Date Picker添加为Ember组件，但我无法正确地表现。

我已将Bootstrap JS文件添加到我的供应商文件夹中，并将以下内容添加到Ember-Cli-Build：

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

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

<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}}在主模板中调用组件。以上确实在屏幕上渲染了一个日期选择器，但行为不正确。它不会自动关闭，例如，虽然格式是正确的，但不会循环几个月或始终在单击按钮上选择正确的日期。

我错过了将其整合到灰烬项目中的步骤吗？

Answer 1

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