title: Change Bootstrap datepicker format
body: <p>I am using Bootstrap datepicker and I want to change its format to 'dd-mm-yyyy' but nothing seems to work. <br/></p>
  
  <pre><code>$(document).ready(function () {
      $('#datepicker').datepicker({
         format: 'dd-mm-yyyy'
      });
  });
  </code></pre>
  
  <p>Is my script wrong?</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
          &lt;link href="site/css/bootstrap.min.css" rel="stylesheet"&gt;
          &lt;link href="site/css/style.css" rel="stylesheet"&gt;
          &lt;link href="site/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css" rel="stylesheet"&gt;
          &lt;script src="site/js/jQuery-1.12.3.js"&gt;&lt;/script&gt;
          &lt;script src="site/js/bootstrap.js"/&gt;&lt;/script&gt;
      &lt;script src="site/bootstrap-datepicker/dist/js/bootstrap-datepicker.js"/&gt;&lt;/script&gt;
  &lt;script src="site/js/script.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;!--body--&gt;
  &lt;!--form--&gt;
  &lt;div class="col-md-2"&gt;
  &lt;label for="date-depart"&gt;Date de départ&lt;/label&gt;
  &lt;div class="input-group date" id="datepicker"&gt;
  &lt;input type="text" name="datedep" class="form-control datepicker" /&gt;
  &lt;span class="input-group-addon btn"&gt;&lt;i class="glyphicon glyphicon-calendar"&gt;&lt;/i&gt; &lt;/span&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>