title: How to set the date-time in the form for twitter-bootstrap
body: <p>I am using the twitter bootstrap and I need to set the input as date-time for one of the labels in the form and I am not sure how to do it..</p>
  
  <p>I am following this:</p>
  
  <p><a href="https://github.com/eternicode/bootstrap-datepicker" rel="nofollow">https://github.com/eternicode/bootstrap-datepicker</a> and i am trying to do the one with the options</p>
  
  <p>I tried this:</p>
  
  <pre><code> &lt;link rel="stylesheet" type="text/css" href=""{{ STATIC_URL }}/css/datepicker.css"&gt;
   &lt;script src = "{{STATIC_URL}}js/Datepicker.js&gt;&lt;/script&gt;
   &lt;script&gt;
    $('#datepicker').datepicker({
      format: 'mm-dd-yyyy'
    });
   &lt;/script&gt;
   &lt;label&gt;Created:&lt;/label&gt;
   &lt;input type="text" value="02-16-2012" id="datepicker" rel="datapicker" /&gt;
   &lt;br/&gt;&lt;br/&gt;
  </code></pre>
  
  <p>Besides, i would take the label to show the current date instead of the value that i type i initially.</p>
  
  <p>Need some help on it. Would really appreciate any help..</p>
  
  <p>But it is not working... Not sure what the error was...</p>
  
  <p>Edited Version:</p>
  
  <pre><code> &lt;link type="text/css" rel="stylesheet" href="{{ STATIC_URL }}/css/bootstrap.css"&gt;
   &lt;link rel="stylesheet" type="text/css" href=""{{ STATIC_URL }}/css/datepicker.css"&gt;
    &lt;script&gt;
     $('#datepicker').datepicker({
        format: 'mm-dd-yyyy'
      });
    &lt;/script&gt;
    &lt;script src = "{{STATIC_URL}}js/Datepicker.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
  
  
      &lt;label&gt;Created:&lt;/label&gt;
      &lt;input type="text" value ="06/11/2012"id="datepicker"/&gt;
      &lt;br/&gt;&lt;br/&gt;
  </code></pre>