在 Ember.js 中每次都需要刷新页面以获取 Datetimepicker答案

【问题标题】：Page need to refresh to get Datetimepicker everytime in Ember.js在 Ember.js 中每次都需要刷新页面以获取 Datetimepicker
【发布时间】：2014-06-14 23:33:36
【问题描述】：

我正在研究 Ember.js，我是新手。我的问题与Datetimepicker 有关。 Datetimepicker 第一次可以正常使用，但要再次使用它，我必须刷新整个页面。

这是我的代码：

<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>
<script type="text/javascript">
$(function() {
$('#datetimepicker1').datetimepicker({
  language: 'pt-BR'
});
});
</script>

请帮助我。提前致谢

【问题讨论】：

标签： jquery ember.js

【解决方案1】：

这是我的更多代码

HTML

    <script type="text/x-handlebars" data-template-name="user">
<div class="container-fluid"  style="text-align: center">
    <div class="row-fluid">
        <div class="col-mid-6">
            <form action="#" method="post" class="form">
            <div class=" main">
                <h3 class="text-center">Shutdown!!!</h3>
                <div class="well">
                    <div class="form-group">
                        {{view...... }}
                    </div>
                    <div class="form-group">
                        <div id="datetimepicker1" class="input-append date">
                           <input data-format="dd/MM/yyyy hh:mm:ss" type="text" placeholder="Start Date & Time"></input>
                              <span class="add-on">
                                <i data-time-icon="icon-time" data-date-icon="icon-calendar" class="icon-calendar"> 
                                 </i>
                               </span>
                          </div>
                    </div>

            </div>
            </form>
        </div>
    </div>
</div>
</script>

    <script type="text/javascript">
    $(function() {
        $('#datetimepicker1').datetimepicker({
            language: 'pt-BR'
        });
    });
</script>

我正在使用以下库

bootstrap-datetimepicker.min.js

bootstrap.min.js

moment.min.js

【讨论】：

【解决方案2】：

jquery 逻辑的正确位置是在Ember.View 内。

所以，我们假设这个 HTML 在模板中。这个模板可以有一个可选的View：

App.MyView = Ember.View.extend({
  setup: function() {
    this.$('#datetimepicker').datetimepicker();
  }.on('didInsertElement')
});

有意义吗？

【讨论】：

有很多事情可能会出错。 Ember 有许多活动部件。你能提供一个jsbin或github链接吗？或者显示更多你的代码？
你需要一个 ember 应用程序，然后是路由，然后你可以连接你的视图。实际上，使用您向我展示的代码，我不知道哪里出了问题。把你的代码放在一个 jsbin 里，我会试着修复它。