Question

我正在 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>

请帮帮我。提前致谢

Answer 1

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

中

因此，我们假设此HTML位于模板中。此模板可以包含可选的View：

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

有意义吗？

Answer 2

以下是我的更多代码

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>

我正在使用以下libs

自举-datetimepicker.min.js

bootstrap.min.js

moment.min.js

页面需要刷新才能在Ember.js中每次都获取Datetimepicker

2 个答案: