title: datetimepicker. widget doesn't show
body: <p>I am trying to repeat example from datepicker documenation on jsfiddle</p>
  
  <p><a href="https://eonasdan.github.io/bootstrap-datetimepicker/#minimum-setup" rel="nofollow">tutorial</a></p>
  
  <p>I have wrote the following html code:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class='col-sm-6'&gt;
              &lt;div class="form-group"&gt;
                  &lt;div class='input-group date' id='datetimepicker1'&gt;
                      &lt;input type='text' class="form-control" /&gt;
                      &lt;span class="input-group-addon"&gt;
                          &lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
                      &lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;        
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and following js:</p>
  
  <pre><code>$(function () {
                  $('#datetimepicker1').datetimepicker();
              });
  </code></pre>
  
  <p>but when I start it I see simple input:</p>
  
  <p><a href="http://jsfiddle.net/9n3hxrjz/1/" rel="nofollow">demo</a></p>
  
  <p>What did I forget ?</p>
  
  <p>P.S.
  I wrote following html but it doesn't work</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;link href="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/build/css/bootstrap-datetimepicker.css"
            rel="stylesheet"&gt;
      &lt;script src='//code.jquery.com/jquery-2.1.4.js'&gt;&lt;/script&gt;
  
      &lt;script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js'&gt;&lt;/script&gt;
  
      &lt;script src='//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/src/js/bootstrap-datetimepicker.js'&gt;&lt;/script&gt;
  
  
      &lt;script type="text/javascript"&gt;
          //Настройка выборок для времени
          $(document).ready(function () {
              $('#startDateDiv').datetimepicker({
                  format: 'LT'
              });
  
          });
      &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div class="row-fluid main-content chose" style="padding: 20px 0 67px 0;"&gt;
      &lt;form:form commandName="campaignBeanDto" id="addParams" method="POST"&gt;
      &lt;div class="param-line"&gt;
              &lt;div id="startDateDiv" class="input-append date add-params-date-div"&gt;
  
              &lt;fmt:formatDate pattern='dd/MM/yyyy' type='date' value='${campaign.beginDate}' var="beginDate"/&gt;
              &lt;form:input path="beginDate" id="startDate" name="beginDate"
                          data-format="dd/MM/yyyy" type="text" /&gt;
                              &lt;span class="add-on"&gt;
                                  &lt;i data-time-icon="icon-time" data-date-icon="icon-calendar"&gt; &lt;/i&gt;
                              &lt;/span&gt;
             &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/form:form&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I don't see any errors in console but I see simple input</p>