title: Unable to get the value of datepicker
body: <p>I have created a table which has two cells inside a row and i am appending datepicker on those cells as:</p>
  
  <pre><code>var outTbody = $('&lt;tbody id="myTableBody"&gt;&lt;/tbody&gt;');
  var outTrBdy = $('&lt;tr&gt;&lt;/tr&gt;');
  var outTD6 = $('&lt;td&gt;&lt;/td&gt;').addClass('input-group date');//Start Time
  
  //Trying to create Date Picker
  var datePickerStartInput= $('&lt;input type="text" name="startDate1" data-provide="datepicker"  data-dateformat="yy-mm-dd"&gt;&lt;/input&gt;').addClass('datepicker');
  outTD6.append(datePickerStartInput);
  
  var outTD7 = $('&lt;td&gt;&lt;/td&gt;');//End Time
  
  var datePickerEndInput =$('&lt;input  type="text" name="endDate1" data-provide="datepicker" data-dateformat="yy-mm-dd"&gt;&lt;/input&gt;').addClass('datepicker');
  
  outTD7.append(datePickerEndInput);
  outTrBdy.append(outTD6);
  outTrBdy.append(outTD7);
  outTbody.append(outTrBdy);
  
  
  
  $(".datepicker").each(function(){
      var $this = $(this);
      $this.datepicker({
         dateFormat: $this.attr('data-dateformat')
      });
  });
  </code></pre>
  
  <p>So my DatePicker is visible in my table.</p>
  
  <p>Since it is inside a table and my table has multiple rows, it will have multiple datepickers.</p>
  
  <p>So my problem is i am not able to figure out how to get the datepicker value that i have set.</p>
  
  <p>Please help on this. Really looking forward to your solutions.</p>