未捕获的TypeError:无法读取属性' top'未定义的

时间:2014-04-29 08:58:24

标签: jquery ember.js

未捕获的TypeError:无法读取属性' top'未定义的。

在emberjs中使用datetimepicker时会出现此错误。

这是我的代码

javascript代码: -

App.DateTimePicker = Ember.TextField.extend ({
  didInsertElement: function() {
    this.$().datetimepicker();
  },
  willDestroyElement: function() {
    this.$().datetimepicker('destroy');
  }
});

HTML代码

<div class="form-group">
  <div class="input-append date">
    {{view App.DateTimePicker data-format="dd/MM/yyyy hh:mm:ss" placeholder="End Date &        Time" valueBinding="endTime"}}
    <span class="add-on">
      <i class="icon-calendar"></i>
    </span>
  </div>
</div>

bootstrap-datetimepicker.min.js

我不知道实际问题在哪里。

请帮助我

提前致谢

1 个答案:

答案 0 :(得分:3)

datetimepicker取决于twitter-bootstrapmoment.js。需要包含这两个库才能使其工作。此外,您尝试附加日历的html应使用以下html:

<div class="well">
  <div id="datetimepicker1" class="input-append date">
    <input data-format="dd/MM/yyyy hh:mm:ss" type="text"></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
  </div>
</div>

这是使用组件的首发示例:

我还没有联系到绑定,但它应该给你一个开始:http://emberjs.jsbin.com/moludemo/1/edit