title: Add bootstrap/jquery datepicker to MVC 5 razor view
body: <p>I've tried a lot of examples. They seems to be quite simple but I can not get it working. I have just simple textbox and then I click on it it does not react. Following scripts are included:</p>
  
  <pre><code>&lt;script src="/Scripts/modernizr-2.6.2.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery-1.10.2.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery.validate.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery.validate.unobtrusive.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/bootstrap.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/respond.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/moment-with-locales.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/moment.js"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/bootstrap-datetimepicker.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Styles</p>
  
  <pre><code>&lt;link href="/Content/bootstrap.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/site.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/themes/base/css" rel="stylesheet"/&gt;
  </code></pre>
  
  <p>Model</p>
  
  <pre><code>[Display(Name = "OrderDate")]
  [DataType(DataType.Date)]
  public System.DateTime OrderDate { get; set; }
  </code></pre>
  
  <p>View:</p>
  
  <pre><code>    @section scripts {
  
          &lt;script type="text/javascript"&gt;
              $(function() {
                  $(".datepicker").datepicker();
              });
          &lt;/script&gt;
  
      }
  
      ...
  
  @Html.LabelFor(m =&gt; m.OrderDate);
  @Html.TextBoxFor(m =&gt; m.OrderDate, new {@class = "form-control datepicker" , @id = "datepicker" })
  @Html.ValidationMessageFor(model =&gt; model.OrderDate, "", new { @class = "text-danger" })
  </code></pre>
  
  <p>Console says: <code>TypeError: $(...).datepicker is not a function</code></p>