ember.js - EmberJs：包装 Bootstrap 组件（timepicker）

Question

我已经在使用 ember-bootstrap 插件（干得好！！）但是我需要在这个 Bootstrap 插件中添加一个时间选择器（https://github.com/jdewit/bootstrap-timepicker）。我还不是 EmberJs 专家...有人可以帮助我用 ember-bootstrap 包装这个时间选择器吗？

更新： 我找到了这个没有 ember-bootstrap 插件的解决方案，它可以工作。它是正确的处理方式吗？

Bootstrap.TimePicker = Em.ContainerView.create({
  classNames: 'input-append bootstrap-timepicker-component',
  childViews: ['inputView', 'iconView'],
  inputView: Em.TextField.create({
    type: 'text',
    valueBinding: 'App.PassController.storeCard.relevantDate',
    classNames: 'timepicker-default input-small'
  }),
  iconView: Em.View.create({
    tagName: 'span',
    classNames: 'add-on',
    template: Ember.Handlebars.compile('<i class="icon-time"></i>')
  }),
  didInsertElement: function() {
    $('.timepicker-default').timepicker({showSeconds: true, defaultTime: 'value'});
  }
}).append();