2014-04-29 38 views
-4

我正在Ember.js和我是新來這個。我的問題與Datetimepicker有關。 Datetimepicker第一次工作正常,但要再次使用它,我必須刷新整個頁面。頁面需要刷新以獲取Datetimepicker每次在Ember.js

這裏是我的代碼:

<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> 

請幫我在這。 在此先感謝

回答

0

jquery logic的正確位置在Ember.View之內。

所以,我們假設這個HTML是在一個模板中。此模板可以有一個可選View

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

有意義嗎?

+0

感謝您的幫助。我會爲此努力。 – user3584124

+0

不起作用 – user3584124

+0

有很多事情可能會出錯。 Ember有很多移動部件。你能提供一個jsbin或者github鏈接嗎?或者顯示更多的代碼? –

0

這裏有更多的我的代碼

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> 

我用下面的庫

引導-datetimepicker.min.js

bootstrap.min.js

moment.min.js