title: Why is my Bootstrap date-picker not working?
body: <p>I tried to use Bootstrap date-picker (<a href="https://github.com/eternicode/bootstrap-datepicker" rel="nofollow">https://github.com/eternicode/bootstrap-datepicker</a>), but i can't get it to work.</p>
  
  <p>On jsfiddle everything works like a charm: <a href="http://jsfiddle.net/hwuktpt2/" rel="nofollow">http://jsfiddle.net/hwuktpt2/</a></p>
  
  <p>After some failed tests on the actual page, I even tried a blank new page and integrated everything from scratch again. jQuery works, Bootstrap styling works, Datatables works, but I just can't get date-picker to work.</p>
  
  <p>Any suggestions?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/u/bs-3.3.6/jq-2.2.3,jszip-2.5.0,pdfmake-0.1.18,dt-1.10.12,b-1.2.0,b-colvis-1.2.0,b-html5-1.2.0,b-print-1.2.0,fh-3.1.2,se-1.2.0/datatables.min.css"/&gt;
      &lt;link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker.min.css"/&gt;
      &lt;script type="text/javascript" src="https://cdn.datatables.net/u/bs-3.3.6/jq-2.2.3,jszip-2.5.0,pdfmake-0.1.18,dt-1.10.12,b-1.2.0,b-colvis-1.2.0,b-html5-1.2.0,b-print-1.2.0,fh-3.1.2,se-1.2.0/datatables.min.js"&gt;&lt;/script&gt;  
      &lt;script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/js/bootstrap-datepicker.min.js"&gt;&lt;/script&gt; 
      &lt;script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/locales/bootstrap-datepicker.de.min.js"&gt;&lt;/script&gt; 
      &lt;script type="text/javascript"&gt;
          $('.date_picker input').datepicker({
            format: "dd.mm.yyyy",
            todayBtn: "linked",
            language: "de"
          });
      &lt;/script&gt;
      &lt;style type="text/css"&gt;
          .control-label {
              padding-top:7px;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="container"&gt;
          &lt;div class="page-header"&gt;
              Neues Mobile Device anlegen
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="container"&gt;
        &lt;form class="form-horizontal" name="mobdev_neu" action="mobdev_neu.php" method="post"&gt;
          &lt;div class="form-group"&gt;
            &lt;label for="mobdev_neu_type" class="col-xs-2 control-label"&gt;Type&lt;/label&gt;
            &lt;div class="col-xs-10"&gt;
              &lt;select id="mobdev_neu_type" class="form-control" name="mobdev_neu_type" REQUIRED&gt;
                  &lt;option value=""&gt;-- Bitte auswählen --&lt;/option&gt;
              &lt;/select&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
            &lt;label for="mobdev_neu_imei" class="col-xs-2 control-label"&gt;IMEI&lt;/label&gt;
            &lt;div class="col-xs-10"&gt;
              &lt;input type="text" id="mobdev_neu_imei" class="form-control" name="mobdev_neu_imei" placeholder="Pflichtfeld" REQUIRED&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
            &lt;label for="mobdev_neu_kaufdatum" class="col-xs-2 control-label"&gt;Kaufdatum&lt;/label&gt;
            &lt;div class="col-xs-10 date_picker"&gt;
              &lt;input type="text" id="mobdev_neu_kaufdatum" class="form-control" name="mobdev_neu_kaufdatum" placeholder="Pflichtfeld"&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/form&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>