title: How do i edit 'date' in an edit form using bootstrap and jquery datepicker?
body: <p>I cant seem to make the 'date' display in an  edit form and use datepicker at the same time. Heres the code.  I've tried using 'class' and 'id' to call the jquery. Datepicker and php edit form all work fine,,just not in the same value box. </p>
  
  <pre><code> &lt;div class="form-group"&gt;
    &lt;label class="col-md-4 control-label"&gt;Date Agent Instructed&lt;/label&gt;  
      &lt;div class="col-md-4 inputGroupContainer"&gt;
      &lt;div class="input-group"  &gt;
          &lt;span class="input-group-addon"   style="cursor:pointer"  &gt; &lt;i class="glyphicon glyphicon-calendar"  &gt;&lt;/i&gt;&lt;/span&gt;
    &lt;input type="text" style="cursor:pointer"  readonly="readonly" name="date_instructed" class="date2"   class="form-control"  value="&lt;?php echo $row[14];?&gt;"   &gt;
  </code></pre>
  
  <p>Jquery </p>
  
  <pre><code>$(" .date2" ).datepicker({dateFormat:'yy-mm-dd'}); $(".date2").val('');
  </code></pre>