JavaScriptから動的に生成された場合、日時ピッカーがポップアップしない

Question

Bootstrap Datetime pickerに問題があります。

問題：スタティックコードをHTMLに追加しようとすると、正常に動作します。ポップアップ（日付時刻選択ツール）が表示され、機能性も良好です。しかし、Javascriptを使って同じHTMLを生成しようとすると、うまく動作しません。入力テキストボックスのみが表示されます。しかし、ポップアップは表示されません。私は間違って何をしていますか？

<div class="col-sm-9"> 
<input size="16" type="text" value="2016-04-15 14:45" readonly class="form_datetime"> 
</div> 

が、私は（これは動作しません）同じHTMLを動的にJavaScriptから生成することが必要 - -

tableStr += '<td>\ 
<input size="16" type="text" value="2016-04-15 10:00" readonly class="form_datetime" id="dealstarttime'+i+'">\ 
</td>\ 
<td>\ 
<input size="16" type="text" value="2016-05-15 10:00" readonly class="form_datetime" id="dealendtime'+i+'">\ 
</td>'; 

ここ

は私の静的なHTMLコード（この作品）であります

このコードはonload（）にあります。

コメントでスカンダによって示唆されるように

Answer 1

、

私は動的にHTMLを生成していました、私のループの最後でこのコード行を持つことにより、日時ピッカーを再初期化。

私のコードは今あなたがDOMにHTMLを付加した後のDateTimePickerを再初期化する必要がthis-

function generatePickers() { 
    for (var i = 0; i < deals.length; i++) { 

     tableStr += '<td>\ 
      <input size="16" type="text" value="2016-04-15 10:00" readonly class="form_datetime" id="dealstarttime' + i + '">\ 
      </td>\ 
      <td>\ 
      <input size="16" type="text" value="2016-05-15 10:00" readonly class="form_datetime" id="dealendtime' + i + '">\ 
      </td>'; 

    } 

    //I ADDED THIS PIECE OF CODE, and now it WORKS! 
    $(".form_datetime").datetimepicker({ 
     format: 'yyyy-mm-dd hh:ii' 
    }); 
}