title: Bootstrap 3 Datepicker
body: <p>I am trying to use <code>Bootstrap 3 Datepicker</code> in Visual Studio but it does not respond. When i am clicking on <code>&lt;input type='text' class=&quot;form-control&quot; /&gt;</code> calendar do not appear. What i missed?</p>
  <pre><code>@{
  ViewBag.Title = &quot;Index&quot;;
  }
  
  &lt;h2&gt;Index&lt;/h2&gt;
  
  &lt;script src=&quot;~/Scripts/jquery-1.9.1.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;~/Scripts/bootstrap-datetimepicker.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;~/Scripts/bootstrap-datetimepicker.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;~/Scripts/bootstrap.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;~/Scripts/bootstrap.min.js&quot;&gt;&lt;/script&gt;
  
  &lt;div class=&quot;container&quot;&gt;
  &lt;div class=&quot;row&quot;&gt;
      &lt;div class='col-sm-6'&gt;
          &lt;div class=&quot;form-group&quot;&gt;
              &lt;div class='input-group date' id='datetimepicker1'&gt;
                  &lt;input type='text' class=&quot;form-control&quot; /&gt;
                  &lt;span class=&quot;input-group-addon&quot;&gt;
                      &lt;span class=&quot;glyphicon glyphicon-calendar&quot;&gt;&lt;/span&gt;
                  &lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;script type=&quot;text/javascript&quot;&gt;
          $(function () {
              $('#datetimepicker1').datetimepicker();
          });
      &lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Edit:</strong></p>
  <pre><code>@{
  ViewBag.Title = &quot;Index&quot;;
  }
  
  &lt;h2&gt;Index&lt;/h2&gt;
  
  &lt;script src=&quot;~/Scripts/jquery-1.9.1.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;~/Scripts/moment.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;~/Scripts/bootstrap.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;~/Scripts/bootstrap-datetimepicker.min.js&quot;&gt;&lt;/script&gt;
  
  &lt;link href=&quot;~/Content/bootstrap.min.css&quot; rel=&quot;stylesheet&quot; /&gt;
  &lt;link href=&quot;~/Content/bootstrap-datetimepicker.min.css&quot; rel=&quot;stylesheet&quot; /&gt;
  &lt;link href=&quot;~/Content/bootstrap-datetimepicker.css&quot; rel=&quot;stylesheet&quot; /&gt;
  &lt;div class=&quot;container&quot;&gt;
  &lt;div class=&quot;row&quot;&gt;
      &lt;div class='col-sm-6'&gt;
          &lt;div class=&quot;form-group&quot;&gt;
              &lt;div class='input-group date' id='datetimepicker2'&gt;
                  &lt;input type='text' class=&quot;form-control&quot; /&gt;
                  &lt;span class=&quot;input-group-addon&quot;&gt;
                      &lt;span class=&quot;glyphicon glyphicon-calendar&quot;&gt;&lt;/span&gt;
                  &lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;script type=&quot;text/javascript&quot;&gt;
          $(function () {
              $('#datetimepicker2').datetimepicker({
                  locale: 'ru'
              });
          });
      &lt;/script&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>After adding all that was said before it's became better but still do not work</p>
  <p>Was:</p>
  <p><a href="https://i.stack.imgur.com/bLfvW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bLfvW.png" alt="enter image description here" /></a></p>
  <p>Now:
  <a href="https://i.stack.imgur.com/RectW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RectW.png" alt="enter image description here" /></a></p>
  <p>In Console i found error <code>&quot;Uncaught TypeError: $(...).datetimepicker is not a function&quot;</code></p>