title: Twitter Bootstrap datepicker initial value
body: <p>I am using twitter bootstrap datepicker (<a href="http://www.eyecon.ro/bootstrap-datepicker/" rel="nofollow">http://www.eyecon.ro/bootstrap-datepicker/</a>), but cant's seem to get it working properly.
  Whem i click the datepicker it does not have the initial value of the date field it is attached to, but starts somewhere around 1920.</p>
  
  <p>My code looks like this:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" media="screen" href="@routes.Assets.at("css/bootstrap.min.css")"&gt;
          &lt;link rel="stylesheet" media="screen" href="@routes.Assets.at("css/datepicker.css")"&gt;
          &lt;script src="@routes.Assets.at("js/jquery-1.9.1.min.js")" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="@routes.Assets.at("js/bootstrap.min.js")" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="@routes.Assets.at("js/bootstrap-datepicker.js")" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
            $(function() {
              $('.datepicker').datepicker();
            });
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
        &lt;div class="input-append date datepicker" data-date="@value" data-date-format="dd-mm-yyyy"&gt;
        &lt;input class="span2" size="16" type="text" value="@value"&gt;&lt;span class="add-on"&gt;&lt;i class="icon-calendar"&gt;&lt;/i&gt;&lt;/span&gt;
      &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>