DatePicker для начальной загрузки не реагирует

Question

я использую datepicker for bootstrap

моя проблема в том, что когда позвоночник ракурса загружается в первый раз, событие щелчка не запускается. , как только я нажимаю на другое место на странице, все работает нормально.

У кого-нибудь есть идея, где я его испортил?

фрагмент кода HTML:

<form class="form-horizontal"><fieldset><div class="control-group"> 
         <label class="control-label" for="focusedInput">id</label> 
         <div class="controls"> 
          <input class="input-xlarge" id="id" type="hidden" value="1" disabled=""> 
         </div> 
         </div> 
     <div class="control-group"> 
        <label class="control-label" for="focusedInput">Order_Ordertype</label> 
        <div class="controls"> 
          <input class="input-xlarge" id="order_ordertype" type="text" disabled="" value="beeronlineshoporder"> 
        </div> 
       </div> 
      <div class="control-group"> 
          <label class="control-label" for="focusedInput">order_date</label> 
          <div class="controls"><input type="text" value="13.07.2013" data-date-format="dd.mm.yyyy" id="order_date">   </div> 
          </div> 
      <div class="form-actions"> 
          <button id="btn_save" class="btn">Save changes</button> 
          <button class="btn">Cancel</button> 
          </div> 
      </fieldset></form> 

магистральная ракурса отрезала

events:{ 
    "click #order_date":"datepicker_order_date", 
    "change input":"change", 
    "click #btn_save":"saveBeerOnlineShopOrder", 
    "click .delete":"deleteBeerOnlineShopOrder" 
}, 
datepicker_order_date:function() { 
     $('#order_date').datepicker({autoclose: true}); 
}, 

спасибо заранее за любой вклад

Answer 1

Поскольку первый раз, когда вы нажимаете #order_date DatePicker он еще не готов. Вы должны инициализировать datepicker только один раз, и лучшим местом, где вы можете это сделать, является метод render.

Answer 2

В этом случае метод визуализации написать некоторый набор тайм-аут функцию внутри этой функции просто написать $('#order_date').datepicker({autoclose: true}); Это как `визуализации: функция (именем_события) { ...... ..... ... .

setTimeout(function() { 
     $('#order_date').datepicker({autoclose: true}); 
    },0); 
    return this; 
    }` 

Answer 3

Изменить событие click к mouseover, как это:

"mouseover #order_date":"datepicker_order_date" 

и

в функции поставить это:

datepicker_order_date:function (ev) { 
     $(ev.currentTarget).datepicker({autoclose: true}); 
}, 

Для меня работает отлично :)